I am attempting to plot multiple addresses using google maps api. I am having an issue returning the location value from the geocoding service for anything more that 11 test addresses. The test addresses return valid latlng values individually. My provided sample code will run, but when address[11] is not commented out it will not.
var geocoder;
var map;
var counter = -1;
var address = [];
address [0] = {loc:'memphis tn', pop:5};
address [1] = {loc:'125 ketay', pop:2};
address [2] = {loc:'tenafly nj', pop:4};
address [3] = {loc:'california', pop:3};
address [4] = {loc:'kansas city', pop:1};
address [5] = {loc:'lake erie', pop:1};
address [6] = {loc:'chicago', pop:1};
address [7] = {loc:'oregon', pop:1};
address [8] = {loc:'idaho', pop:1};
address [9] = {loc:'nevada', pop:1};
address [10] = {loc:'georgia', pop:1};
//address [11] = {loc:'Las Vegas', pop:1};
var k = 0;
function initialize() {
geocoder = new google.maps.Geocoder();
var latlng = new google.maps.LatLng(-34.397, 150.644);
var mapOptions = {
zoom: 5,
center: latlng
}
map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
for (k = 0; k < address.length; k++){
geocoder.geocode( {'address': address[k].loc}, function(results) {
counter ++;
map.setCenter(results[0].geometry.location);
var cir = new google.maps.Circle({
strokeColor: '#FF0000',
strokeOpacity: 0.8,
strokeWeight: 2,
fillColor: '#FF0000',
fillOpacity: 0.35,
map: map,
center: results[0].geometry.location,
radius: address[counter].pop * 100000
});
});
}
}
google.maps.event.addDomListener(window, 'load', initialize);