Indicatori di opuscoli

Question

Sono nuovo al volantino e sto cercando di visualizzare i marcatori. Le esercitazioni non sembrano funzionare per me. La mappa si presenta bene, tuttavia non riesco a visualizzare un indicatore. sotto è il mio codice di esempio:

wax.tilejson('http://localhost:8888/v2/DigitalHumanities.json', 
    function(tilejson) { 
     var map = new L.Map('map-div') 
      .addLayer(new wax.leaf.connector(tilejson)) 
      .setView(new L.LatLng(-17.1828,137.4609), 4); 

    var markers = new L.marker(-17.1828,137.4609); 
    map.addLayer(markers); 

    var markerx = new L.marker(137.4609,-17.1828); 
    map.addLayer(markerx); 

    }); 

Ho provato i campioni nelle esercitazioni cioè: .addTo(map);, map.addLayer(markers); ecc

Answer 1

Il costruttore L.marker dovrebbe essere usato come:

var markers = L.marker([-17.1828,137.4609]); 
map.addLayer(markers); 

È possibile verificare il riferimento dell'API here

Answer 2

La sintassi effettiva per la creazione del marker del volantino è

L.marker(<LatLng> latlng, <Marker options> options?); 

È possibile controllare il riferimento API here
Di seguito è riportato il codice

codice corretto

wax.tilejson('http://localhost:8888/v2/DigitalHumanities.json', 
    function(tilejson) { 
     var map = new L.Map('map-div') 
      .addLayer(new wax.leaf.connector(tilejson)) 
      .setView(new L.LatLng(-17.1828,137.4609), 4); 

    var markers = new L.marker([-17.1828,137.4609],{clickable:true}); 
    map.addLayer(markers); 

    var markerx = new L.marker([137.4609,-17.1828]); 
    map.addLayer(markerx); 

    }); 

Answer 3

let markers = L.marker([-17.1828,137.4609]); 

o

let markers = L.marker({lat: -17.1828,lng: 137.4609});` 

poi:

map.addLayer(markers); 

Answer 4

è possibile farlo sia usando fabbrica o la parola 'nuovo' sulla classe (che a mio avviso è quello che la fabbrica fa comunque. La differenza è nel caso utilizzato.

credo che questi dovrebbero entrambi funzionano allo stesso modo:

var markerx = new L.Marker(L.latLng(137.4609,-17.1828)); 
map.addLayer(markerx); 

.

var markerx = L.marker(L.latLng(137.4609,-17.1828)); 
map.addLayer(markerx); 

Ma non è possibile combinarli.

Answer 5

È possibile trovare l'esempio di lavoro qui < https://jsfiddle.net/viswanathamsantosh/x63kzb31/>. La riga sottostante aggiungerebbe un marker e anche un popup alla mappa quando si fa clic sul marker.

new L.Marker([46.947, 7.4448]).addTo(map).bindPopup('hello world!!!');