Newer
Older
SchoolCommunities / map.js
var mymap = L.map("mymap").setView([39.015916,139.905583], 13);
L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
  attribution: '&copy; <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