Маркеры Листовок
Я новичок в листовке, и я пытаюсь отобразить маркеры. Учебники, кажется, не работают для меня. Карта показывает отлично, однако я просто не могу получить маркер для отображения. ниже приведен мой пример кода:
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);
etc.
5 ответов
конструктор L. marker должен использоваться как:
var markers = L.marker([-17.1828,137.4609]);
map.addLayer(markers);
вы можете проверить ссылку API здесь
фактический синтаксис для создания вкладыш маркер
L.marker(<LatLng> latlng, <Marker options> options? );
вы можете проверить ссылку API здесь
Ниже приведен код
правильный код
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);
});
let markers = L.marker([-17.1828,137.4609]);
или
let markers = L.marker({lat: -17.1828,lng: 137.4609});`
затем:
map.addLayer(markers);
вы можете сделать это, используя фабрику или ключевое слово " new " в классе (что я считаю, что фабрика все равно делает. Разница в случае.
Я считаю, что они должны работать одинаково:
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);
но вы не можете комбинировать их.
вы можете найти рабочий пример здесьhttps://jsfiddle.net/viswanathamsantosh/x63kzb31/ >. Строка ниже добавит маркер, а также всплывающее окно на карту при нажатии на маркер.
new L.Marker([46.947, 7.4448]).addTo(map).bindPopup('hello world!!!');