[RESOLU] Api Google map (v3) et lien sur un marqueur

Eléphanteau du PHP | 28 Messages

02 déc. 2014, 17:02

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.
-- Ecumastor

Avatar du membre
Administrateur PHPfrance
Administrateur PHPfrance | 8471 Messages

03 déc. 2014, 09:53

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
Quand tout le reste a échoué, lisez le mode d'emploi...

Eléphanteau du PHP | 28 Messages

03 déc. 2014, 11:38

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.
-- Ecumastor