Newer
Older
2021-kodama / sample.js
@kodama kazuma kodama kazuma on 14 Dec 2021 692 bytes Update sample.js
var mymap = L.map("mymap").setView([38.891, 139.824], 16);
L.tileLayer('//{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
 attribution:
   '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
}).addTo(mymap);

var marker = L.marker([38.891, 139.824]).addTo(mymap);
marker.bindPopup("<p>popup1</p><p>地図表示時に一緒に表示されます。</p>").openPopup();

var marker2 = L.marker([38.891, 139.824]).addTo(mymap);
var popup = L.popup();
function onMarker2Click(e) {
    popup
        .setLatLng(e.latlng)
        .setContent("<p>popup2</p><p>clickで表示されます。</p>" + e.latlng.toString())
        .openOn(mymap);
}
mymap.on('click', onMarker2Click);