diff --git a/coverage/fuel3.html b/coverage/fuel3.html
index 63172fb..d5a5bde 100644
--- a/coverage/fuel3.html
+++ b/coverage/fuel3.html
@@ -118,7 +118,7 @@
return [
new ol.style.Style({
image: new ol.style.Circle({
- radius: 6,
+ radius: 8,
fill: new ol.style.Fill({color: "#ff0000"})
})
})
@@ -138,7 +138,7 @@
return [
new ol.style.Style({
image: new ol.style.Circle({
- radius: 6,
+ radius: 8,
fill: new ol.style.Fill({color: "#ffc800"})
})
})
@@ -158,7 +158,7 @@
return [
new ol.style.Style({
image: new ol.style.Circle({
- radius: 6,
+ radius: 8,
fill: new ol.style.Fill({color: "#00ff00"})
})
})
@@ -166,40 +166,26 @@
}
});
-var strokestyle = new ol.style.Style({
- stroke: new ol.style.Stroke({
- color: 'rgba(53, 175, 109,0.7)',
- width: 4
- })
-});
-new ol.layer.VectorTile({
- source: new ol.source.VectorTile({
- attributions: 'Mapillary',
- format: new ol.format.MVT(),
- tileGrid: ol.tilegrid.createXYZ({maxZoom: 22}),
- tilePixelRatio: 16,
- opacity: 0.7,
- url: 'https://d25uarhxywzl1j.cloudfront.net/v0.1/{z}/{x}/{y}.mvt'
- }),
- style: strokestyle
-});
+ var strokestyle = new ol.style.Style({
+ stroke: new ol.style.Stroke({
+ color: 'rgba(53, 175, 109, 0.7)',
+ width: 4
+ })
+ });
-map.addLayer({
- 'id': 'mapillary',
- 'type': 'line',
- 'source': 'mapillary',
- 'source-layer': 'mapillary-sequences',
- 'layout': {
- 'line-cap': 'round',
- 'line-join': 'round'
- },
- 'paint': {
- 'line-opacity': 0.6,
- 'line-color': 'rgb(53, 175, 109)',
- 'line-width': 2
- }
-});
-
+ const mapillary = new ol.layer.VectorTile({
+ source: new ol.source.VectorTile({
+ attributions: '© Mapillary',
+ format: new ol.format.MVT(),
+ tileGrid: ol.tilegrid.createXYZ({maxZoom: 22}),
+ tilePixelRatio: 16,
+ opacity: 0.7,
+ url: 'https://d25uarhxywzl1j.cloudfront.net/v0.1/{z}/{x}/{y}.mvt'
+ }),
+ title: "Mapillary",
+ visible: true,
+ style: strokestyle
+ });
const view = new ol.View({
center: ol.proj.fromLonLat([140.241,36.131]),
@@ -212,15 +198,6 @@
view: view,
layers: [ort, fuel0, fuel1, fuel2, mapillary]
});
-
- map.on("click", function(evt){
- const feature = map.forEachFeatureAtPixel(evt.pixel, function(feature){
- return feature;
- });
- if(feature){
- document.getElementById("info").innerHTML = feature.get("P29_005");
- }
- });
diff --git a/coverage/mapillary.html b/coverage/mapillary.html
new file mode 100644
index 0000000..9d803a8
--- /dev/null
+++ b/coverage/mapillary.html
@@ -0,0 +1,68 @@
+
+