diff --git a/coverage/busstop.html b/coverage/busstop.html index f654ee2..0e6b746 100644 --- a/coverage/busstop.html +++ b/coverage/busstop.html @@ -2,37 +2,20 @@ + OpenStreetMap coverage (amenity=fuel) - - +

OpenStreetMap coverage (バス停を指標にした網羅率)

- - +
+

-
- 2017-10-08時点での状況 -

上図は「CARTO」のサービス(無料版)を利用して作成しました。無料版では自動更新機能が利用できないため上図は更新いたしません。最新のマッピング状況を参照したい場合はPostGISにて公開しているデータを参照してください。参照方法も下記に有ります。

+

（旧版）2017-10-08時点での状況はCARTOにて参照可能です　

+
@@ -95,6 +78,29 @@
+ + + + + + diff --git a/coverage/busstop.js b/coverage/busstop.js new file mode 100644 index 0000000..88c787e --- /dev/null +++ b/coverage/busstop.js @@ -0,0 +1,65 @@ +var debug = {}; + +var map = L.map('map').setView([36.131, 140.241], 9); // Kasumigaura + +//OSMレイヤー追加 +var osm = L.tileLayer( + 'http://tiles.wmflabs.org/bw-mapnik/{z}/{x}/{y}.png', { + attribution: 'Map data © OpenStreetMap', + maxZoom: 18 + } +); +osm.addTo(map); + +var mvtSource0 = new L.TileLayer.MVTSource({ + url: "./tiles/tileBusstop0/{z}/{x}/{y}.pbf", + style: function (feature) { + var style = {}; + style.color = 'rgba(255,0,0,1)'; + style.radius = 5; + style.selected = { + radius: 6 + }; + return style; + } +}); +map.addLayer(mvtSource0); + +var mvtSource1 = new L.TileLayer.MVTSource({ + url: "./tiles/tileBusstop1/{z}/{x}/{y}.pbf", + style: function (feature) { + var style = {}; + style.color = 'rgba(255,200,0,1)'; + style.radius = 5; + style.selected = { + radius: 6 + }; + return style; + } +}); +map.addLayer(mvtSource1); + +var mvtSource2 = new L.TileLayer.MVTSource({ + url: "./tiles/tileBusstop2/{z}/{x}/{y}.pbf", + style: function (feature) { + var style = {}; + style.color = 'rgba(0,255,0,1)'; + style.radius = 5; + style.selected = { + radius: 6 + }; + return style; + } +}); +map.addLayer(mvtSource2); + +//Globals that we can change later. +var fillColor = 'rgba(149,139,255,0.4)'; +var strokeColor = 'rgb(20,20,20)'; + +//Add layer +mvtSource0.addTo(map); +mvtSource1.addTo(map); +mvtSource2.addTo(map); + +L.control.scale({imperial:false}).addTo(map);