Ajouter des marqueurs dans la brochure

Je suis un débutant avec JS. J'essaie d'ajouter une carte à mon site Web en utilisant Leaflet. J'ai suivi le Quick Start Guide, mais il semble que l'ajout d'un marqueur ne fonctionnera pas.Ajouter des marqueurs dans la brochure

Voici mon code:

<!-- JS Leaflet Map --> 
 
    <script src="leaflet/leaflet.js"></script> 
 
    <script> 
 
    var mymap = L.map('mapid').setView([40.174295, 44.522890], 11); 
 

 
    var mymap = L.tileLayer('https://cartodb-basemaps-{s}.global.ssl.fastly.net/light_all/{z}/{x}/{y}.png', { 
 
    maxZoom: 18, attribution: '&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>, &copy; <a href="https://carto.com/attribution">CARTO</a>' 
 
    }).addTo(mymap); 
 

 
    var marker = L.marker([40.174295, 44.522890]).addTo(mymap);

Merci beaucoup pour votre aide.

Laura

Source

2017-08-22 Anonymous

définissent ne fonctionnera pas ... que le code est copier coller de leur guide de démarrage, est donc difficile de dire, vous pouvez essayer d'utiliser les outils de dev et inspecter la carte, peut-être le marqueur est ajouté mais vous avez oublié d'ajouter les actifs (img/css) qui montrent réellement la broche. – Sonicd300

Il n'y a pas de marqueur sur la carte. Je reçois cette erreur: [Img] (https://ibb.co/iGsrMk) –

garder un seul 'var mymap' – Sonicd300

erreur est ici

var mymap = L.tileLayer('https://cartodb-basemaps-{s}.global.ssl.fastly.net/light_all/{z}/{x}/{y}.png', { 
maxZoom: 18, attribution: '&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>, &copy; <a href="https://carto.com/attribution">CARTO</a>' 
}).addTo(mymap);

Ne pas affecter le résultat à MyMap variables

À cause de cela, la ligne suivante reçoit un Layer au lieu d'un objet Map

var marker = L.marker([40.174295, 44.522890]).addTo(mymap);

Donc, le code final devrait être l ike ce

<!-- JS Leaflet Map --> 
<script src="leaflet/leaflet.js"></script> 
<script> 
var mymap = L.map('mapid').setView([40.174295, 44.522890], 11); 

L.tileLayer('https://cartodb-basemaps-{s}.global.ssl.fastly.net/light_all/{z}/{x}/{y}.png', { 
maxZoom: 18, attribution: '&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>, &copy; <a href="https://carto.com/attribution">CARTO</a>' 
}).addTo(mymap); 

var marker = L.marker([40.174295, 44.522890]).addTo(mymap);

Source

2017-08-22 21:49:27 jperelli

Merci beaucoup! Ça a marché ! –

S'il vous plaît accepter la réponse et éventuellement upvote comme un moyen de remercier. De plus, vous êtes les bienvenus. – jperelli

Ajouter des marqueurs dans la brochure

Répondre

Questions connexes