diff --git a/map/app1/japan.js b/map/app1/japan.js index dc07baf..ba63cb0 100644 --- a/map/app1/japan.js +++ b/map/app1/japan.js @@ -3,4 +3,4 @@ attribution: '© OpenStreetMap contributors' }).addTo(mymap); -L.control.scale().addTo(mymap); \ No newline at end of file +L.control.scale().addTo(mymap);f \ No newline at end of file diff --git a/map/app2/mapobj.html b/map/app2/mapobj.html index 83c5c3a..ae6b8d7 100644 --- a/map/app2/mapobj.html +++ b/map/app2/mapobj.html @@ -14,7 +14,7 @@ -

明日12/3(土)に学生食糧支援がありますよ!!!

+

学生食糧支援でお馴染みの宮浦コミセン

diff --git a/map/app2/mapobj.js b/map/app2/mapobj.js index 90343ec..111b854 100644 --- a/map/app2/mapobj.js +++ b/map/app2/mapobj.js @@ -1,4 +1,5 @@ /* Add some objects on a Map */ +// var document.getElementById('map').style.cursor = 'crosshair' var pl = [ // Polyline: 連続線分 [38.895127,139.819371], @@ -14,7 +15,8 @@ [38.904551,139.814620], [38.904706,139.814587] ]; -var plProp = { // polylineに与えるオプション +var plProp = { + stroke:true, // polylineに与えるオプション color: "#D92B04", // 線分の色 opacity: 0.7, // 線分の透明度 weight: 9 // 線分の太さ @@ -29,21 +31,26 @@ [38.904647,139.814844], [38.904647,139.814571] // 終点と始点は連結される ]; -var pgOpt = { // polygonに与えるオプション +var pgOpt = { + stroke:true, // polygonに与えるオプション color: "black", // 線分の色 fillColor: "yellow", // 塗りつぶし部分の色 - fillOpacity: 0.5 // 塗りつぶし部分の透明度 + fillOpacity: 0.5 + // clickable:false // 塗りつぶし部分の透明度 }; -var pgobj = L.polygon(pg, pgOpt).addTo(mymap); -var marker1 = pl[0], marker2 = pg[0]; // polylineとpolygon各々の始点 -var m1opt = {title: "その1"}, m2opt = {title: "その2"}; +var pgobj = L.polygon(pg, pgOpt).addTo(mymap); +var marker1 = pl[0], marker2 = pg[0], marker3 = pl[7];// polylineとpolygon各々の始点 +var m1opt = {title: "その1"}, m2opt = {title: "その2"},m3opt={title: "その3"}; var m1 = L.marker(marker1, m1opt).addTo(mymap); var m2 = L.marker(marker2, m2opt).addTo(mymap); - +var m3 = L.marker(marker3, m3opt).addTo(mymap); +var circle1 = L.circle(pl[11],{radius: 200, + color:'', fillColor: '#399ade'}).addTo(mymap); // /* オブジェクトレイヤ.bindPopup() でクリック時のポップアップを定義できる */ -plobj.bindPopup("ルートですよ!"); -pgobj.bindPopup("建物ですよ!"); -m1.bindPopup("公益大学カフェテリア側駐車場スタート!!!"); // 次のようにあらかじめ1つのポップアップを開いておくことも可能 -m2.bindPopup("宮野浦学区コミュニティ防災センター").openPopup(); +m1.bindPopup("公益大学カフェテリア側駐車場スタート!!!").openPopup(); +m2.bindPopup("〒998-0054 山形県酒田市宮野浦2丁目3−3 酒田市宮野浦学区コミュニティ防災センター"); +m3.bindPopup("斜め左方向です"); +plobj.bindPopup("多分坂道"); +circle1.bindPopup("目的地周辺です"); \ No newline at end of file diff --git a/map/src/leaflet.css b/map/src/leaflet.css index 981874b..d4d03d0 100644 --- a/map/src/leaflet.css +++ b/map/src/leaflet.css @@ -209,7 +209,7 @@ /* cursors */ .leaflet-interactive { - cursor: pointer; + cursor: crosshair; } .leaflet-grab { cursor: -webkit-grab;