Page 1 sur 1

Api Google map (v3) et lien sur un marqueur

Posté : 02 déc. 2014, 17:02
par ecumastor
Bonjour,

J'ai un petit souci sur une carte générée par l'API Google Map (Version3).
Au clic sur un marqueur, il m'ouvre une nouvelle page. Je souhaiterais que la page reste la même.

Mon code :

Code : Tout sélectionner

var marqueur = new google.maps.Marker({ map: maCarte, position:new google.maps.LatLng(48.096759, 7.020457), href:"#le_valtin", icon: { url: "images/villages-des-environs/panneau-valtin.png", size: new google.maps.Size(100,50), anchor: new google.maps.Point(50,50) }, });
Fonctionnement attendu : au clic, aller sur l'ancre nommée "le_valtin" de la page. Sans aller sur une nouvelle page
Comment insérer un target="_self" là dedans ? Quelqu'un a-t-il déjà eu ce problème ?

Ecumastor.

Re: Api Google map (v3) et lien sur un marqueur

Posté : 03 déc. 2014, 09:53
par @rthur
Bonjour,

Je ne sais pas si l'API Google Maps fait un traitement spécial pour ajouter un target _blank si il ne reconnait pas un lien qui serait un nom de page...
Une solution serait peut être d'indiquer le nom complet à savoir nom_de_ta_page.php#le_valtin

Sinon, un workaround en javascript :
http://stackoverflow.com/questions/1184 ... google-map

Re: Api Google map (v3) et lien sur un marqueur

Posté : 03 déc. 2014, 11:38
par ecumastor
Merci !
Le lien que tu m'indiques va vers la solution :

Code : Tout sélectionner

var marqueur = new google.maps.Marker({ map: maCarte, position:new google.maps.LatLng(48.096759, 7.020457), href:"#le_valtin", icon: { url: "images/pages/villages-des-environs/carte/panneau-valtin.png", size: new google.maps.Size(100,50), anchor: new google.maps.Point(50,50) }, }); google.maps.event.addListener(marqueur, 'click', function() { window.location.href=$(this).attr('href'); }); }
Avec ça le lien s'ouvre dans la même page, et à l'ancre ici désignée "le_valtin".
Ca le fait grâve !

Merci @rthur.