7

リーフレットは初めてで、マーカーを表示しようとしています。チュートリアルは私にはうまくいかないようです。マップは正常に表示されますが、マーカーを表示できません。以下は私のサンプルコードです：

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);などです。

4

5 に答える 5

14

L.markerコンストラクターは次のように使用する必要があります。

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

ここでAPIリファレンスを確認できます

于 2013-02-15T07:10:08.890 に答える
1

リーフレットマーカーを作成するための実際の構文は次のとおりです。

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

  });
于 2016-01-13T13:04:58.603 に答える
1

ここで実際の例を見つけることができます< https://jsfiddle.net/viswanathamsantosh/x63kzb31/ >。以下の行は、マーカーをクリックすると、マーカーとポップアップをマップに追加します。

new L.Marker([46.947, 7.4448]).addTo(map).bindPopup('hello world!!!');
于 2017-08-29T07:47:17.810 に答える
0 
let markers = L.marker([-17.1828,137.4609]);

また

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

それから：

map.addLayer(markers);
于 2017-01-19T06:48:24.357 に答える
0

これは、factoryまたはクラスの「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);

しかし、それらを組み合わせることはできません。

于 2017-07-20T00:59:12.447 に答える