1
票
Leaflet チェックボックスの判定をしてマーカーの削除をしたい。
removeFromでLayer(Markerの継承元)を削除する方法が簡単です。
そのためにはcheckboxに対応するLayerを指定する必要がありますが、いくつか方法があります。
東京方式
あらかじめMakerを宣言しておいて表示制御する
onclick時に値を取得するため、checkboxにname属性を追加
神奈川方式
addToの戻り値がLayer自体なので、...
- 1.1万
1
票
leaflet で zoom を変更したときにも固定ピクセルで図形を描画したい
CircleMarkerのように描画したい場合は、単純にアイコン付きMarkerを使用する方法もご検討ください。
CircleMarkerと同様にマウスオーバーでマウスカーソルが変わりますが、けっこう良い感じに描画されます。
背景を透過した三角形素材:
ズーム前後の表示例:
<!DOCTYPE html>
<html lang="ja">
<head>
&...
- 1.1万
1
票
leafletでマーカーをcanvasで描画している時、マーカーサイズを動的に変更するとイベントの判定がズレてしまう
自己解決しました。
結局マーカーサイズ変更処理の箇所でinput要素の値をnumberにキャストして渡してあげたら正常に動作しました。
内部でどういう処理が行われているか分かりませんが、やはり型には注意したほうがいいですね
- 11
1
票
Accepted
leafletの地図上に近接する複数のアイコンを表示する際の処理
スタックオーバーフロー本家の類似質問で、プラグインによる解決方法が示されています。
その1、その2
上記回答やコメントからの引用となりますが、デモサイトを比較の上で目的に適したプラグインの導入をご検討されてはいかがでしょうか。
Leaflet.markercluster デモ
OverlappingMarkerSpiderfier-Leaflet デモ
Leaflet.Marker.Stack ...
- 1.1万
1
票
Leafletでマップに追加したマーカーを消す方法
onMapMovedは正規のメソッドではないのでソースコードの提示が欲しいところですが・・・
removeLayerを使います。
var marker = L.marker([ latitude, longitude ] {
icon : icon
}).addTo(map);
function onMapMoved() {
map.removeLayer(marker);
}
...
- 2,124
Only top scored, non community-wiki answers of a minimum length are eligible
関連するタグ
leaflet × 9javascript × 8
html × 2
jquery × 2
php × 1
mysql × 1
html5 × 1
html5-canvas × 1
safari × 1