I have been working on creating a Google map application that involves loading markers from a database and displaying them on a map. To accomplish this, I decided to create an array and define an object as shown below:
function shop_info(name, latitude, longitude, type) {
this.name = name;
this.latitude = latitude;
this.longitude = longitude;
this.type = type;
}
After defining the object, I added data retrieved from an AJAX request to an array of 'shop_info' objects named 'all_shops'.
var i = 0;
for (var o in data) {
var name = data[o].name;
var type = data[o].type;
var lat = data[o].lat;
var lng = data[o].lng;
all_shops[i] = new shop_info(name, lat, lng, type);
i++;
}
However, when I try to access 'all_shops[i].name', it works fine, but when I attempt to access 'all_shops[i].lat' or 'all_shops[i].lng', it returns 'undefined'. I even tried parsing the lat/lng values with no success. Both lat and lng are double variables in my MySQL database. While I can retrieve the lat/lng values individually from the AJAX response data without any issues, problems arise when I put them into an array and try to access them. Any assistance on this matter would be highly appreciated. Thank you.