Gestion des Cartes sur les PWAs: choisissez votre fournisseur

Explications.
Afficher une carte, comment ca marche?
- les points que vous avez créés grâce au CMS GoodBarber
- le fond de carte, qui provient d'un prestataire externe
Le prestataire externe peut être différent en fonction de la façon dont vous allez distribuer votre application: iOS, Android ou Web. Du côté natif, pour iOS les cartes sont gérées de façon totalement indépendante par Apple, et pour Android, il faut évidemment passer par Google Map. Pour les Progressive Web Apps en revanche, il est possible de choisir parmi différents prestataires de service et c'est justement la nouveauté que nous vous proposons aujourd'hui.
Les fournisseurs de cartes ne sont pas nombreux sur le marché et les nouveaux usages donnent à la donnée cartographique de plus en plus de valeur. Si ces services étaient autrefois gratuits, une tarification est désormais appliquée dans la grande majorité des cas. Dans ce contexte, il était indispensable pour nous de vous laisser la possibilité de choisir le fournisseurs qui convient le mieux parmi deux institutions du marché: Google Maps et Mapbox.
Voyons de plus prêt ce qui différencie ces deux fournisseurs de carte.
Google Maps

Google Maps utilise le principe de la carte glissante, pour l'affichage de ses cartes qui repose sur l'assemblage de "tuiles" pour afficher la carte. La carte est découpée en petits fichiers d’images de 256px de côtés appelés et générés au fil de l’eau en fonction du niveau de zoom et de la navigation de l’utilisateur. Il s'agit de la manière classique d'afficher des cartes sur le web.
Pour afficher les cartes de votre PWA, nous utilisons l'API Dynamic Maps qui est désormais devenue payante. Comme vous pouvez le voir sur l'image ci-dessous, la tarification s'applique sur le nombre de chargements de vos cartes. Google vous offre d'ores et déjà un avoir de 200$ mensuel ce qui équivaut à 28 000 chargements. Au-delà, Google vous prélèvera de 7$ pour 100 000 chargements supplémentaires.
Selon Google voilà comment sont comptabilisés les chargements:
"Une fois qu'une page ou une application web charge une carte [...] les interactions de l'utilisateur avec celle-ci, telles que le panoramique, le zoom ou le changement de couche, ne génèrent pas de chargement de carte supplémentaire et n'affectent pas les limites d'utilisation."
Intégralité ici
Mapbox

Concernant les tarifs, on parle ici de vues et non de chargement et 50 000 vous sont offertes par mois. au delà, Mapbox vous prélevera de 0,50$ pour 1 000 vues supplémentaires.
Vous l'aurez compris chaque fournisseurs de carte est différents, tant au niveau des techniques utilisées pour l'affichage des cartes, que des services proposées mais aussi des conditions de tarification. Nous vous proposons donc de pouvoir changer de fournisseur à votre guise, en un seul clic depuis le back office.
Comment choisir votre fournisseur de carte?

Paramètres > Options de l'app > Paramètres généraux
puis choisissez l'onglet Connexions Externes. Vous trouverez ici un menu déroulant vous permettant de choisir entre Google Maps et Mapbox.
POUR ALLER PLUS LOIN :
- En fonction du nom de domaine que vous souhaitez attribuer à votre site en ligne, GoodBarber vous fait part de ses conseils et de sa méthode. Découvrez les étapes pour installer un nom de domaine sur votre Web App en HTML5 , vous verrez que la modification de certains éléments, comme ici un URL, n'a rien de sorcier !
- Pour aller plus loin dans la modification des éléments de votre système, découvrez comment utiliser la Settings API pour personnaliser votre application en ligne. A travers différentes étapes, cet outil vous permettra d'approfondir le développement de votre app en fonction de vos envies !
- Si vous avez développé une Shopping App, vous êtes probablement amené à proposer un service de livraison. Une méthode vous permettant de réduire les coûts pour vos utilisateurs consiste à proposer la livraison gratuite. Vous pouvez définir vous-même les conditions de ce système de réduction en ligne. En fonction de vos objectifs et de votre stratégie, découvrez les bénéfices de la livraison gratuite .
- Vous êtes nombreux à exploiter l'outil "agenda" dans votre app, désormais vous pouvez mettre en valeur vos évènements avec nos nouveaux Templates Events . Nous vous proposons un nouveau système de mise en forme en ligne, pour mettre en valeur les éléments que vous souhaitez accentuer. Découvrez la méthode et ses quelques étapes pour intégrer ces nouveaux templates !
- Nous avons mis à votre disposition des nouveaux éléments et un nouveau tableau de bord pour votre back office , pour que vous puissiez exploiter notre outil de manière plus approfondie ! La modification de ce tableau de bord a pour but de faciliter la création en ligne de votre outil. En fonction de vos besoins et de vos recommandations, nos procédons à des améliorations régulières pour faciliter toutes les étapes de votre travail !
Design

