La bibliothèque open source MagixMaps franchit une nouvelle étape avec la publication de sa version 3.0. Cette mise à jour majeure adapte le projet aux évolutions techniques imposées sur l'écosystème Maps JavaScript API en remplaçant les services d'itinéraires dépréciés par les architectures modernes de Google.

Une refonte axée sur la pérennité et la performance

Face à l'obsolescence annoncée de DirectionsService et DirectionsRenderer, MagixMaps bascule l'ensemble de ses calculs sur la nouvelle Routes API via la méthode computeRoutes.

  • Tracé direct par Polyline : L'itinéraire s'appuie désormais sur le tableau de coordonnées natives route.path renvoyé par l'API. Ce mécanisme élimine le besoin d'un décodage manuel et permet de retirer le chargement de la bibliothèque geometry.
  • Marqueurs vectoriels natifs (PinElement) : Les marqueurs d'étapes utilisent le composant vectoriel natif de Google, évitant les erreurs de chargement d'images distantes sur les environnements statiques comme GitHub Pages.
  • Génération sur-mesure des étapes : Les instructions de navigation textuelles sont injectées directement dans le conteneur #r-directions, garantissant un balisage HTML propre, accessible et personnalisable.

Correctifs ergonomiques et intégration CSS

Cette version améliore également l'expérience utilisateur et la robustesse de l'intégration :

  • Ajustement CSS et LESS : Révision complète du modèle Flexbox et calcul dynamique de la hauteur pour le volet d'instructions afin d'empêcher tout débordement hors du conteneur parent.
  • Nettoyage du DOM et de la mémoire : La méthode destroy() intègre la suppression complète des polylignes actives et des drapeaux d'itinéraires.
  • Exemple multi-points clarifié : La démonstration réseau a été épurée pour se focaliser sur son rôle de Store Locator avec recadrage automatique (fitBounds), sans formulaire d'itinéraire superflu.

Le projet MagixMaps : https://gtraxx.github.io/magixmaps/

Haut

Nous utilisons des cookies pour vous garantir la meilleure expérience, analyser notre trafic et vous proposer des contenus adaptés. En savoir plus.