var mymap = L.map("mymap").setView([39.015916,139.905583], 13);
L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
attribution: '© <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
}).addTo(mymap);
// カスタムアイコンを作成
var myIcon = L.icon({
iconUrl: 'marker-icon.jpg', // 同じ階層の画像ファイル名
iconSize: [25, 41], // 画像サイズに合わせて調整
iconAnchor: [12, 41], // マーカーの先端位置
popupAnchor: [1, -34], // ポップアップ表示位置
shadowUrl: 'marker-shadow.png', // 影画像があれば
shadowSize: [41, 41]
});
// カスタムアイコンを使うマーカーを作成して追加
var marker = L.marker([39.015916,139.905583], {icon: myIcon}).addTo(mymap).bindPopup("遊佐駅です。");
marker.on('click', function(){
location.replace("https://www.yuzachokai.jp/travel/yuzaekinogoriyouannnai/");
});
// 以下はポリラインや他のマーカーも同様に追加してください
var pl = [
[39.015916,139.905583],
[39.015683,139.907024],
[39.015578,139.907941],
[39.014787,139.907823],
[39.014857,139.908864]
];
var plProp = {
color: "red",
opacity: 0.4,
weight: 9
};
var plobj = L.polyline(pl, plProp).addTo(mymap);
// 他のマーカーはデフォルトアイコンで追加
L.marker([39.014857,139.908864]).addTo(mymap).bindPopup("到着地です。遊佐役場です。");
function locateUser(){
mymap.locate({setView: true, maxZoom: 16});
mymap.on("locationfound", onLocationFound);
}
function onLocationFound(e){
L.marker(e.latlng).addTo(mymap).bindPopup("現在地です");
}
locateUser();
var marker2 = L.marker([39.014782237002,139.92907413327]).addTo(mymap).bindPopup("遊佐中です。");
marker2.on('click', function(){
window.open("school.html");
});v