Leaflet标记符号

Question

我是一个新手，正在尝试在leaflet中显示标记。教程似乎对我不起作用。地图可以正常显示，但我只是无法显示标记。 以下是我的示例代码：

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

- Zain

Answer 1

应该使用 L.marker 构造函数来创建标记：

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

你可以在这里查看 API 参考文档 here

- psousa

---

那个 new 是不是应该在这里？它应该是一个工厂方法，对吧。 - spinkus

Answer 2

创建leaflet标记的实际语法是：

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

  });

- Nikhil Sharma

Answer 3

你可以在这里找到工作示例 https://jsfiddle.net/viswanathamsantosh/x63kzb31/ 。当点击标记时，下面的行将向地图添加标记和弹出窗口。

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

- Santosh

Answer 4

您可以通过使用工厂或类的'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);

但是你不能将它们结合在一起。

- Ethan McCoy

Answer 5

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

或者

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

那么：

map.addLayer(markers);

- MK4