diff --git a/coverage/fuel3.html b/coverage/fuel3.html
index d25986e..94aa0f9 100644
--- a/coverage/fuel3.html
+++ b/coverage/fuel3.html
@@ -120,16 +120,57 @@
}
});
+ const fuel1 = new ol.layer.VectorTile({
+ source: new ol.source.VectorTile({
+ format: new ol.format.MVT(),
+ url: "./tiles/tileFuel1/" + "{z}/{x}/{y}.pbf"
+ }),
+ title: "Fuel: 未入力",
+ visible: true,
+ opacity: 1,
+ style: function(feature){
+ return [
+ new ol.style.Style({
+ image: new ol.style.Circle({
+ radius: 6,
+ fill: new ol.style.Fill({color: "#ffc800"})
+ })
+ })
+ ];
+ }
+ });
+
+ const fuel2 = new ol.layer.VectorTile({
+ source: new ol.source.VectorTile({
+ format: new ol.format.MVT(),
+ url: "./tiles/tileFuel2/" + "{z}/{x}/{y}.pbf"
+ }),
+ title: "Fuel: 未入力",
+ visible: true,
+ opacity: 1,
+ style: function(feature){
+ return [
+ new ol.style.Style({
+ image: new ol.style.Circle({
+ radius: 6,
+ fill: new ol.style.Fill({color: "#00ff00"})
+ })
+ })
+ ];
+ }
+ });
+
+
const view = new ol.View({
center: ol.proj.fromLonLat([140.241,36.131]),
- zoom: 9
+ zoom: 11
});
const map = new ol.Map({
target: "map",
controls: ol.control.defaults().extend([new ol.control.ScaleLine()]),
view: view,
- layers: [ort, fuel0]
+ layers: [ort, fuel0, fuel1, fuel2]
});
map.on("click", function(evt){