Scribble Maps Blog
Développeurs : Économiser des crédits d'API Google avec l'autocomplétion
La nouvelle tarification de l'API de Google fait de nombreux gagnants. Cependant, si votre application utilise l'ensemble des fonctionnalités de cartographie et que vous avez beaucoup d'utilisateurs, vous risquez de voir votre quota diminuer rapidement. Deux fonctions qui puisent directement dans votre quota et ne sont pas soumises au quota gratuit quotidien sont l'autocomplétion et la recherche de lieux.
Si vous utilisez votre licence Google avec l'API Scribble Maps, nous effectuons certaines de ces optimisations automatiquement, mais si vous construisez votre propre implémentation personnalisée directement sur l'API Google Maps, il existe une mise à jour simple que vous pouvez faire pour économiser des crédits d'autocomplétion.
La fonctionnalité d'autocomplétion standard envoie une requête d'autocomplétion à chaque modification de la saisie. Il est possible de réduire considérablement le nombre de crédits utilisés en introduisant un délai d'attente (timeout) lorsque la saisie change.
Voici un exemple très basique.
Ainsi, chaque fois qu'un utilisateur commence à taper dans le champ de saisie, l'autocomplétion ne se déclenchera pas avant un court instant. Le délai de 250 ms peut être réduit pour que l'autocomplétion se déclenche plus souvent. Si l'utilisateur tape rapidement « Toronto », un seul appel d'autocomplétion sera exécuté au lieu de 8 lorsque l'utilisateur hésite.
Nous constatons que le délai temporisé fonctionne le mieux. Un point essentiel est de s'assurer que l'interface utilisateur indique qu'une recherche est en cours pendant la saisie. Dans notre cas, nous utilisons un indicateur de chargement animé (spinner). De cette façon, si l'utilisateur tape rapidement et ne voit pas de résultats, l'indicateur animé lui donnera un temps d'arrêt suffisant pour voir apparaître les résultats.
Il convient de noter que la mise en œuvre de cette méthode est conforme à leurs conditions d'utilisation actuelles. Tout ce que fait cette méthode consiste essentiellement à réguler le volume d'appels d'autocomplétion sortants de l'utilisateur.
Si vous utilisez votre licence Google avec l'API Scribble Maps, nous effectuons certaines de ces optimisations automatiquement, mais si vous construisez votre propre implémentation personnalisée directement sur l'API Google Maps, il existe une mise à jour simple que vous pouvez faire pour économiser des crédits d'autocomplétion.
La fonctionnalité d'autocomplétion standard envoie une requête d'autocomplétion à chaque modification de la saisie. Il est possible de réduire considérablement le nombre de crédits utilisés en introduisant un délai d'attente (timeout) lorsque la saisie change.
Voici un exemple très basique.
var acTimeOut;
textSearchInput.onkeyup = function() {
clearTimeout(acTimeout);
acTimeout = setTimeout(function() {
//placez les appels d'autocomplétion ici
}, 250);
}
Ainsi, chaque fois qu'un utilisateur commence à taper dans le champ de saisie, l'autocomplétion ne se déclenchera pas avant un court instant. Le délai de 250 ms peut être réduit pour que l'autocomplétion se déclenche plus souvent. Si l'utilisateur tape rapidement « Toronto », un seul appel d'autocomplétion sera exécuté au lieu de 8 lorsque l'utilisateur hésite.
Nous constatons que le délai temporisé fonctionne le mieux. Un point essentiel est de s'assurer que l'interface utilisateur indique qu'une recherche est en cours pendant la saisie. Dans notre cas, nous utilisons un indicateur de chargement animé (spinner). De cette façon, si l'utilisateur tape rapidement et ne voit pas de résultats, l'indicateur animé lui donnera un temps d'arrêt suffisant pour voir apparaître les résultats.
Il convient de noter que la mise en œuvre de cette méthode est conforme à leurs conditions d'utilisation actuelles. Tout ce que fait cette méthode consiste essentiellement à réguler le volume d'appels d'autocomplétion sortants de l'utilisateur.