diff --git a/leaflet/domon.html b/leaflet/domon.html index e8000e4..acd5999 100644 --- a/leaflet/domon.html +++ b/leaflet/domon.html @@ -13,7 +13,7 @@ -

酒田MFまでの道のり

+

酒田MFまでの道のりと駐車場

diff --git a/leaflet/domon.js b/leaflet/domon.js index 229e9c4..506ecf8 100644 --- a/leaflet/domon.js +++ b/leaflet/domon.js @@ -9,7 +9,7 @@ var pl = [ // Polyline: 連続線分 [38.892123,139.818884], [38.891187,139.819313], - [38.891196 ,139.820108], + [38.891196,139.820108], [38.894832,139.820037], [38.896669,139.819908], [38.898740,139.818878], @@ -19,8 +19,8 @@ [38.913941,139.840522], [38.920297,139.842442], [38.920390,139.842213], - ]; + var plProp = { // polylineのプロパティを定義 color: "red", // 線分の色 opacity: 0.4, // 線分の透明度 @@ -48,13 +48,13 @@ var m2 = L.marker(marker2, m2opt).addTo(mymap); /* オブジェクトレイヤ.bindPopup() でクリック時のポップアップを定義できる */ -plobj.bindPopup("ポリラインですよ!"); -pgobj.bindPopup("ポリゴンですよ!"); +plobj.bindPopup("大学から酒田MFまでの道"); +pgobj.bindPopup("とうちゃく"); m1.bindPopup("すたーと"); // 次のようにあらかじめ1つのポップアップを開いておくことも可能 -m2.bindPopup("酒田ミュージックファクトリーにつきました"); +m2.bindPopup("酒田ミュージックファクトリー"); -// 駐車場の方↓------------------------------------------------------------ +// 駐車場のポリゴン↓------------------------------------------------------------ var pg = [ [38.921252,139.844661], [38.920593,139.845008], @@ -71,4 +71,23 @@ var marker1 = pl[0], marker2 = pg[0]; // polylineとpolygon各々の始点 var m1opt = {title: "その1"}, m2opt = {title: "その2"}; var m3 = L.marker(marker2, m2opt).addTo(mymap); -m3.bindPopup("駐車場はここ"); \ No newline at end of file + +pgobj.bindPopup("駐車料金を忘れずに!"); +m3.bindPopup("駐車場はここ"); + +// 駐車場までの道↓----------------------------------- +var pl = [ // Polyline: 連続線分 + [38.920297,139.842442], + [38.921111,139.842646], + [38.920980,139.843422], + [38.921314,139.844563], + [38.921002,139.844745], +]; + +var plProp = { // polylineのプロパティを定義 + color: "blue", // 線分の色 + opacity: 0.4, // 線分の透明度 + weight: 9 // 線分の太さ +}; +var plobj = L.polyline(pl, plProp).addTo(mymap); +plobj.bindPopup("駐車場までの道"); \ No newline at end of file