11486 sujets

JavaScript, DOM et API Web HTML5

bonjour
je voudrais utiliser leaflet pour afficher une carte dans mes pages
sur cette carte j'ai mis des "markers"
chaque "marker" correspond au contenu d'une page de mon site
je voudrais qu'en arrivant sur une page quelle quelle soit le marqueur qui lui correspondt se mette au centre de la carte
comme suis peu costaud en javscript j'ai besoin de votre aide

sur leaflet la fonction qui centre un marqueur sur la page est
map.setView(new L.LatLng(59.92448055859924, 10.758276373601069),10);
les deux premieres series de chiffres etant la latitude et la longitude (du marqueur) et le 3 eme etant le zoom sur la carte

je voudrais donc pouvoir passer en variable ces deux premieres suites de chiffres (voir les 3) differentes dans chaque page apres les avoir recupere dans un tag par exemple que je mettrais dans chacune des pages

<div id="carte" title="59.92448055859924, 10.758276373601069"></div>

var latlongitude = document.getElementById(carte).title;
map.setView(new L.LatLng('+latlongitude+'),10);

mais ca ne fonctionne pas.......

n'est pas qq chose du style?
merci pour votre aide
Modifié par nantais (03 Apr 2018 - 16:59)
autre solution qui serait encore bien meilleure serait de recuperer ces deux donnees dans le script lui meme ca meviterait de copier dans chaque page dans le div une longitude et une latitude
tous les marqueurs sont places ds une variable comme suit


var markers = [{pos: [44.653024, -69.19922], popup: '<a '+am+'page1.htm"><b>page1</b></a>'},
{pos: [39.504041, -105.322267], popup: '<a '+am+'page2.htm"><b>page2</b></a>'},
{pos: [-23.335534, -67.177734], popup: '<a '+am+'page3.htm"><b>page3</b></a>'},
etc...'}];

comment faire...