2017-02-10 3 views
2

特定のズームレベルでリーフレットマップ上のマーカーを非表示にすることはできますか?リーフレットはズームレベルでマーカーを非表示にする

私が試した:map.on('zoomend', onZoomend); function onZoomend(){if(map.getZoom()>11){map.removeLayer(markername);}

をしかし、それはジオメトリの場合ですが、それが機能していません。

私はマーカークラスターを参照していません。 http://playground-leaflet.rhcloud.com/sej:

+4

ワークス地図からズーム番号等しく、14より大きいおよび小さい皮マーカーのマーカーを示します/ 1/edit?html、output – ghybs

+0

あなたのコードのおかげで、私は簡単なポイントを逃したことに気付きました。あなたは正しい、それは働いている。 – Gamze

答えて

0

このコードは

var mymap = L.map('mapid').setView([35.75, 51.375], 8); 

L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png?{foo}', {foo: 'bar'}).addTo(mymap); 


var marker = L.marker([35.75, 51.375],{ 
    draggable:true, 
    title : 'title', 
});/ 

mymap.on('zoomend' , function (e) { 
    var geo = mymap.getCenter(); 
    console.log(mymap.getZoom()); 
    if (mymap.getZoom()>14) 
    { 
     marker.setLatLng(geo); 
     marker.addTo(mymap); 
    }else { 
     marker.remove(); 
    } 
}); 

https://jsfiddle.net/sajjadgol/6qprq9z9/3/

関連する問題