1. Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies. En savoir plus.
  2. Bonjour tout le monde ! Veillez consulter la Politique de forum pour comprendre nos règles, Merci a vous !
    Rejeter la notice

Utilisation OpenStreetMap

Discussion dans 'Webdev' créé par sergeb, Mai 26, 2019.

  1. sergeb

    sergeb Member

    Inscrit:
    Mar 11, 2019
    Messages:
    49
    J'aime reçus:
    18
    Bonjour,

    Je souhaite utiliser OpenStreetMap plutôt que GoogleMaps qui est devenu payant.

    En repartant de Leaflet de la LST 113, j'arrive bien à utiliser OpenStreeMap et y ajouter des markers selon les coordonnées LONG et LAT que je fourni.

    En revanche je n'arrive pas à trouver comment faire pour afficher un autre marker que le bleu (standard) utiliser par OpenStreetMap.

    Dans l'exemple de la LST 113, le code pour ajouter un marker est :
    taOption["title"] = sDescription
    taOption["alt"] = sDescription

    m est un objet dynamique = L.marker([gPos.Latitude, gPos.Longitude], taOption)


    Dans la doc officielle de OpenStreetmap (

    Bonjour visiteur, Merci de vous Inscrire ou de vous connectez pour voir les liens!

    ) , pour ajouter un marker personnalisé il faut utiliser le code suivant :
    var myIcon = L.icon({
    iconUrl: 'my-icon.png',
    iconSize: [38, 95],
    iconAnchor: [22, 94],
    popupAnchor: [-3, -76],
    shadowUrl: 'my-icon-shadow.png',
    shadowSize: [68, 95],
    shadowAnchor: [22, 94]
    });
    L.marker([50.505, 30.57], {icon: myIcon}).addTo(map);

    Mais sous webdev, je ne sais pas comment faire pour mettre ce morceau de code.

    Quelqu'un pourrait-il m'aider ?

    Merci à vous.
     
    Tags:
  2. sergeb

    sergeb Member

    Inscrit:
    Mar 11, 2019
    Messages:
    49
    J'aime reçus:
    18
    Bonjour,
    C'est bon j'ai trouvé le truc.

    Pour ceux qui voudrait l'utiliser il faut ajouter ce code :
    // markeur personnalisé
    taOptionMrker est un tableau associatif de Variant = []
    taOptionMrker["iconUrl"] = "Lien du markeur personnel"
    taOption["icon"]=L.icon(taOptionMrker)

    Cela fonctionne à merveille.

    A+
     
  3. doctor_M

    doctor_M New Member

    Inscrit:
    Juil 3, 2019
    Messages:
    16
    J'aime reçus:
    0
    supper mais tu peut utiliser bing map y'a example lst 114
     
  4. sergeb

    sergeb Member

    Inscrit:
    Mar 11, 2019
    Messages:
    49
    J'aime reçus:
    18
    Salut Doctor_M
    Je vais regarder cela mais si Microsoft fait comme Google cela va devenir payant dans qqs mois...
     

Partager cette page

Chargement...