API Google Maps: limite de requêtes dépassée par seconde
J'utilise l'API Google Maps pour afficher environ 50 lieux sur la carte. J'utilise le géocodage côté client. J'utilise window.setTimeout pour contrôler le nombre de demandes de géocodage envoyées par l'application par seconde. Si j'envoie plus d'une demande par seconde, je reçois une réponse OVER QUERY LIMIT.
Question: cette limite n'est-elle pas supposée être de 10 requêtes par seconde? Si oui, que puis-je faire de mal? Si non, Business API dispose-t-il de requêtes plus généreuses par seconde?
Veuillez noter que notre application ne touchera pas les 25 000 requêtes par jour.
Le géocodeur a des limites de quota et de taux. Par expérience, vous pouvez géocoder environ 10 emplacements sans respecter la limite de requête (le nombre réel dépend probablement de la charge du serveur). La meilleure solution est de retarder l'apparition des erreurs OVER_QUERY_LIMIT, puis de réessayer. Voir ces messages similaires:
Souvent, lorsque vous devez afficher autant de points sur la carte, il vaut mieux utiliser l'approche côté serveur. Cet article explique quand utiliser chacun:
Stratégies de géocodage: https://developers.google.com/maps/articles/geocodestrat
La limite côté client n'est pas exactement "10 requêtes par seconde", et comme cela n'est pas expliqué dans la documentation de l'API, je ne me fierais pas à son comportement.
Cette approche n’est pas correcte en raison de la surcharge de Google Server. Pour plus d'informations, voir https://gis.stackexchange.com/questions/15052/how-to-avoid-google-map-geocode-limit#answer-15365
En passant, si vous souhaitez malgré tout continuer, vous trouverez ici un code vous permettant de charger plusieurs marqueurs provenant de ajax sur Google Maps en évitant l’erreur OVER_QUERY_LIMIT.
J'ai testé sur mon serveur onw et cela fonctionne! :
var lost_addresses = [];
geocode_count = 0;
resNumber = 0;
map = new GMaps({
div: '#gmap_marker',
lat: 43.921493,
lng: 12.337646,
});
function loadMarkerTimeout(timeout) {
setTimeout(loadMarker, timeout)
}
function loadMarker() {
map.setZoom(6);
$.ajax({
url: [Insert here your URL] ,
type:'POST',
data: {
"action": "loadMarker"
},
success:function(result){
/***************************
* Assuming your ajax call
* return something like:
* array(
* 'status' => 'success',
* 'results'=> $resultsArray
* );
**************************/
var res=JSON.parse(result);
if(res.status == 'success') {
resNumber = res.results.length;
//Call the geoCoder function
getGeoCodeFor(map, res.results);
}
}//success
});//ajax
};//loadMarker()
$().ready(function(e) {
loadMarker();
});
//Geocoder function
function getGeoCodeFor(maps, addresses) {
$.each(addresses, function(i,e){
GMaps.geocode({
address: e.address,
callback: function(results, status) {
geocode_count++;
if (status == 'OK') {
//if the element is alreay in the array, remove it
lost_addresses = jQuery.grep(lost_addresses, function(value) {
return value != e;
});
latlng = results[0].geometry.location;
map.addMarker({
lat: latlng.lat(),
lng: latlng.lng(),
title: 'MyNewMarker',
});//addMarker
} else if (status == 'ZERO_RESULTS') {
//alert('Sorry, no results found');
} else if(status == 'OVER_QUERY_LIMIT') {
//if the element is not in the losts_addresses array, add it!
if( jQuery.inArray(e,lost_addresses) == -1) {
lost_addresses.Push(e);
}
}
if(geocode_count == addresses.length) {
//set counter == 0 so it wont's stop next round
geocode_count = 0;
setTimeout(function() {
getGeoCodeFor(maps, lost_addresses);
}, 2500);
}
}//callback
});//GeoCode
});//each
};//getGeoCodeFor()
Exemple:
map = new GMaps({
div: '#gmap_marker',
lat: 43.921493,
lng: 12.337646,
});
var jsonData = {
"status":"success",
"results":[
{
"customerId":1,
"address":"Via Italia 43, Milano (MI)",
"customerName":"MyAwesomeCustomer1"
},
{
"customerId":2,
"address":"Via Roma 10, Roma (RM)",
"customerName":"MyAwesomeCustomer2"
}
]
};
function loadMarkerTimeout(timeout) {
setTimeout(loadMarker, timeout)
}
function loadMarker() {
map.setZoom(6);
$.ajax({
url: '/echo/html/',
type: "POST",
data: jsonData,
cache: false,
success:function(result){
var res=JSON.parse(result);
if(res.status == 'success') {
resNumber = res.results.length;
//Call the geoCoder function
getGeoCodeFor(map, res.results);
}
}//success
});//ajax
};//loadMarker()
$().ready(function(e) {
loadMarker();
});
//Geocoder function
function getGeoCodeFor(maps, addresses) {
$.each(addresses, function(i,e){
GMaps.geocode({
address: e.address,
callback: function(results, status) {
geocode_count++;
console.log('Id: '+e.customerId+' | Status: '+status);
if (status == 'OK') {
//if the element is alreay in the array, remove it
lost_addresses = jQuery.grep(lost_addresses, function(value) {
return value != e;
});
latlng = results[0].geometry.location;
map.addMarker({
lat: latlng.lat(),
lng: latlng.lng(),
title: e.customerName,
});//addMarker
} else if (status == 'ZERO_RESULTS') {
//alert('Sorry, no results found');
} else if(status == 'OVER_QUERY_LIMIT') {
//if the element is not in the losts_addresses array, add it!
if( jQuery.inArray(e,lost_addresses) == -1) {
lost_addresses.Push(e);
}
}
if(geocode_count == addresses.length) {
//set counter == 0 so it wont's stop next round
geocode_count = 0;
setTimeout(function() {
getGeoCodeFor(maps, lost_addresses);
}, 2500);
}
}//callback
});//GeoCode
});//each
};//getGeoCodeFor()#gmap_marker {
min-height:250px;
height:100%;
width:100%;
position: relative;
overflow: hidden;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="http://maps.google.com/maps/api/js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gmaps.js/0.4.24/gmaps.min.js" type="text/javascript"></script>
<div id="gmap_marker"></div> <!-- /#gmap_marker -->Au lieu du géocodage côté client
geocoder.geocode({
'address': your_address
}, function (results, status) {
if (status == google.maps.GeocoderStatus.OK) {
var geo_data = results[0];
// your code ...
}
})
Je voudrais aller à l'API de géocodage côté serveur
var apikey = YOUR_API_KEY;
var query = 'https://maps.googleapis.com/maps/api/geocode/json?address=' + address + '&key=' + apikey;
$.getJSON(query, function (data) {
if (data.status === 'OK') {
var geo_data = data.results[0];
}
})