Я использую API карт Google для создания маркеров на карте. Я создаю обычный маркер на основе широты / долготы. Если этого нет, я полагаюсь на физический адрес и его геокодирование. Если у меня более 50 адресов, я нахожусь в OVER_QUERY_LIMIT во время геокодирования. Я прочитал несколько сообщений, в которых предлагалось использовать таймер. Где я должен ввести таймер или задержку в таком сценарии?
РЕДАКТИРОВАТЬ: добавлен таймер, но он не работает. Через некоторое время браузер отключается.
Вот мой код:
$scope.loadMap = function(){
$("#map").width(942).height(400);
google.maps.event.trigger(map, "resize");
var storeLatLng = new google.maps.LatLng(40.0000, -98.0000);
var mapOptions = {
zoom: 4,
center: new google.maps.LatLng(40.0000, -98.0000),
mapTypeId: google.maps.MapTypeId.ROADMAP
}
var bounds = new google.maps.LatLngBounds();
if(!map){
map = new google.maps.Map($('#map')[0], mapOptions);
}
else{
map.setOptions(mapOptions);
}
for (i = 0; i < $scope.addresses.length; i++) {
var storeItem = $scope.addresses[i];
if(storeItem.latitudeOrg && storeItem.longitudeOrg){
$log.info("latlng for store:" + storeItem.city + ":" + storeItem.latitudeOrg +":"+storeItem.longitudeOrg);
storeLatLng = new google.maps.LatLng(storeItem.latitudeOrg, storeItem.longitudeOrg);
var marker1 = new google.maps.Marker({
position: storeLatLng,
map: map,
title: storeItem.city
});
}
else{ // Rely on physical address (city, state) if lat/lng is either empty or null
var address = storeItem.address1 + "," + storeItem.city + "," + storeItem.state;
$log.info("address for store:" +storeItem.id+":"+ ":" + address);
var city = storeItem.city;
var geocoder = new google.maps.Geocoder();
geocoder.geocode({
'address' : address
}, function(results, status) {
if ( status == google.maps.GeocoderStatus.OK ) {
var locality='';
var lat = results[0].geometry.location.lat();
var lng = results[0].geometry.location.lng();
for(var i=0; i<results[0].address_components.length; i++){
var component = results[0].address_components[i];
if(component.types[0] == 'locality'){
locality = component.long_name;
}
}
storeLatLng = new google.maps.LatLng(lat, lng);
var marker2 = new google.maps.Marker({
position: storeLatLng,
map: map,
title: locality.toUpperCase()
});
} else if (status === google.maps.GeocoderStatus.OVER_QUERY_LIMIT) {
$log.info("OVER_QUERY_LIMIT");
setTimeout(function() {
$scope.loadMarkers();
}, 100);
} else {
$log.info("Geocode was not successful for the following reason:" + status);
}
});
}
}
}