leafletを鍛える。

概要

googlemapは、出禁なので、leafletを鍛えてみた。
クリックをやってみた。

写真

サンプルコード

var map = L.map('map').setView([37.9, 140.1], 13);
mapLink = '<a href="http://openstreetmap.org">OpenStreetMap</a>';
L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
    attribution: '&copy; ' + mapLink + ' Contributors',
    maxZoom: 18,
}).addTo(map);
map.options.singleClickTimeout = 250;
map.on('singleclick', function(e) {
    L.popup().setLatLng(e.latlng).setContent('map singleclick at ' + e.latlng).openOn(map);
});

成果物

以上。