पत्रक मार्कर

Question

मैं पुस्तिका के लिए नया हूं, और मैं मार्कर प्रदर्शित करने की कोशिश कर रहा हूं। ट्यूटोरियल मेरे लिए काम नहीं कर रहे हैं। नक्शा ठीक दिखता है, हालांकि मुझे प्रदर्शित करने के लिए मार्कर नहीं मिल सकता है।

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); 

    }); 

मैं कोशिश की है ट्यूटोरियल में नमूने: अर्थात्: .addTo(map);, map.addLayer(markers); आदि

Answer 1

L.marker निर्माता के रूप में इस्तेमाल किया जाना चाहिए:

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

नीचे मेरी नमूना कोड है

आप एपीआई संदर्भ here

Answer 2

पुस्तिकापत्रक बनाने के लिए वास्तविक वाक्यविन्यास 012 देख सकते हैं

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

आप API संदर्भ here
नीचे जाँच कर सकते हैं अपने कोड

सही कोड

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]); 

या

है

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

तो:

map.addLayer(markers); 

Answer 4

आप इसे या तो कारखाने या 'नए' वर्ग पर कीवर्ड (जिसमें मेरा मानना ​​है कि का उपयोग करके क्या कर सकते हैं कारखाना वैसे भी करता है। अंतर इस्तेमाल मामले में है।

मेरा मानना ​​है कि इन दोनों काम करना चाहिए उसी तरह:

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); 

लेकिन आप उन्हें संयोजित नहीं कर सकते हैं।

Answer 5

आप यहां काम कर रहे उदाहरण < https://jsfiddle.net/viswanathamsantosh/x63kzb31/> देख सकते हैं। मार्कर पर क्लिक करते समय नीचे दी गई रेखा एक मार्कर और आपके मानचित्र पर एक पॉपअप भी जोड़ती है।

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