読者です 読者をやめる 読者になる 読者になる

Bye Bye Moore

猫マンション建築の野望を胸に零細事業主として資本主義の荒波に漕ぎ出したアラサー男の技術メモ

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