Bye Bye Moore

PoCソルジャーな零細事業主が作業メモを残すブログ

Leaflet.jsで図形を書いたりイベントをいれたりする

shuzo-kino.hateblo.jp
の続きです。
Leafletでやれる事

実際のところ

マップオブジェクトの名前が"map"だった場合を想定します。
座標等々は、電通大を中心にして倍率12にしています。

距離円

    var circle = L.circle([35.656083, 139.544056], {
	color: 'red',
	fillColor: '#f03',
	fillOpacity: 0.5,
	radius: 5000
    }).addTo(map);

f:id:shuzo_kino:20170303235219p:plain

クリックイベント

    function onMapClick(e) {
	alert("You clicked the map at " + e.latlng);
    }
    map.on('click', onMapClick);

f:id:shuzo_kino:20170303235224p:plain