"/>
Charger ses scripts en fonction de la page

Une carte dynamique Mapael.js avec jquery.connection.js

Comment créer un effet de survol sur une carte Mapael.js

 

Ayant déjà fait un tuto sur la manière dont on peut implémenter une carte avec Mapael.js, ici je vais juste montrer, à travers un codePen, comment afficher ses tooltips au survol sur les markers. J’utilise ici le plugin jquery.connections.js, pour relier les markers à leur div respective.

Plutôt que des mots, voici le code et le rendu. Passez l’éditeur en 0.5 ou allez visionner ça dans CodePen directement.

See the Pen
Mapael Interactive hover map
by blindDev (@yuyazz)
on CodePen.

Et voici la version statique, sans effet de survol

See the Pen
Interactive Mapael Map with connections
by blindDev (@yuyazz)
on CodePen.

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.