Skip to content

Commit

Permalink
Updated MapLibre maps 2024-07-04 UTC
Browse files Browse the repository at this point in the history
  • Loading branch information
@actions-user
actions-user committed Jul 4, 2024
1 parent bdf7024 commit a264e41
Show file tree
Hide file tree
Showing 82 changed files with 115 additions and 80 deletions.
2 changes: 1 addition & 1 deletion demos/_template.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,7 @@

// ...
(() => {
var data = {"mapOptions": {"bearing": 0, "center": [-100, 40], "pitch": 0, "style": "https://basemaps.cartocdn.com/gl/dark-matter-gl-style/style.json", "zoom": 3, "height": "600px"}, "calls": [["addControl", ["NavigationControl", {"showCompass": true, "showZoom": true, "visualizePitch": false}, "top-right"]], ["addControl", ["FullscreenControl", {}, "top-right"]], ["addControl", ["ScaleControl", {"unit": "metric"}, "bottom-left"]]]};
var data = {"mapOptions": {"bearing": 0, "center": [-100, 40], "pitch": 0, "style": "https://api.maptiler.com/maps/streets/style.json?key=zHkOvEKXRU94s1PSxs7w", "zoom": 3, "height": "600px"}, "calls": [["addControl", ["NavigationControl", {"showCompass": true, "showZoom": true, "visualizePitch": false}, "top-right"]], ["addControl", ["FullscreenControl", {}, "top-right"]], ["addControl", ["ScaleControl", {"unit": "metric"}, "bottom-left"]]]};
pymaplibregl(data);
})();
</script>
Expand Down
2 changes: 1 addition & 1 deletion demos/chlor_a.html
View file

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion demos/guam.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,7 @@

// ...
(() => {
var data = {"mapOptions": {"bearing": 30, "center": [144.716726, 13.37093], "pitch": 60, "style": {"version": 8, "sources": {"satellite": {"type": "raster", "tiles": ["https://api.maptiler.com/tiles/satellite-v2/{z}/{x}/{y}.jpg?key=YOUR-API-KEY-PUBLIC"], "tileSize": 256, "attribution": "&copy; MapTiler", "maxzoom": 19}, "terrainSource": {"type": "raster-dem", "url": "https://api.maptiler.com/tiles/terrain-rgb-v2/tiles.json?key=YOUR-API-KEY-PUBLIC", "tileSize": 256}, "hillshadeSource": {"type": "raster-dem", "url": "https://api.maptiler.com/tiles/terrain-rgb-v2/tiles.json?key=YOUR-API-KEY-PUBLIC", "tileSize": 256}}, "layers": [{"id": "satellite", "type": "raster", "source": "satellite"}, {"id": "hills", "type": "hillshade", "source": "hillshadeSource", "layout": {"visibility": "visible"}, "paint": {"hillshade-shadow-color": "#473B24"}}], "terrain": {"source": "terrainSource", "exaggeration": 1.0}}, "zoom": 10.5, "height": "600px"}, "calls": [["addControl", ["NavigationControl", {"showCompass": true, "showZoom": true, "visualizePitch": false}, "top-right"]], ["addControl", ["FullscreenControl", {}, "top-right"]], ["addControl", ["ScaleControl", {"unit": "metric"}, "bottom-left"]], ["addLayer", [{"id": "ESA/WorldCover/v200", "type": "raster", "source": {"attribution": "Google Earth Engine", "tileSize": 256, "tiles": ["https://earthengine.googleapis.com/v1/projects/earthengine-legacy/maps/45126b69c28e502ee06aef6ec5300b59-efa807bd50478235b40654f65b3c136b/tiles/{z}/{x}/{y}"], "type": "raster"}}, null]], ["setLayoutProperty", ["ESA/WorldCover/v200", "visibility", "visible"]], ["setPaintProperty", ["ESA/WorldCover/v200", "raster-opacity", 0.5]], ["addControl", ["InfoBoxControl", {"content": "<html>\n<body>\n <div class='my-legend'>\n <div class='legend-title'>ESA Landcover</div>\n <div class='legend-scale'>\n <ul class='legend-labels'>\n <li><span style='background:#006400;'></span>10 Trees</li>\n <li><span style='background:#ffbb22;'></span>20 Shrubland</li>\n <li><span style='background:#ffff4c;'></span>30 Grassland</li>\n <li><span style='background:#f096ff;'></span>40 Cropland</li>\n <li><span style='background:#fa0000;'></span>50 Built-up</li>\n <li><span style='background:#b4b4b4;'></span>60 Barren / sparse vegetation</li>\n <li><span style='background:#f0f0f0;'></span>70 Snow and ice</li>\n <li><span style='background:#0064c8;'></span>80 Open water</li>\n <li><span style='background:#0096a0;'></span>90 Herbaceous wetland</li>\n <li><span style='background:#00cf75;'></span>95 Mangroves</li>\n <li><span style='background:#fae6a0;'></span>100 Moss and lichen</li>\n </ul>\n </div>\n </div>\n\n <style type='text/css'>\n .my-legend .legend-title {\n text-align: left;\n margin-bottom: 2px;\n margin-left: 2px;\n font-weight: bold;\n font-size: 90%;\n }\n .my-legend .legend-scale ul {\n margin: 0;\n margin-bottom: 5px;\n padding: 0;\n float: left;\n list-style: none;\n }\n .my-legend .legend-scale ul li {\n font-size: 80%;\n list-style: none;\n margin-left: 1px;\n line-height: 18px;\n margin-bottom: 2px;\n }\n .my-legend ul.legend-labels li span {\n display: block;\n float: left;\n height: 16px;\n width: 30px;\n margin-right: 5px;\n margin-left: 2px;\n border: 1px solid #999;\n }\n .my-legend .legend-source {\n font-size: 70%;\n color: #999;\n clear: both;\n }\n .my-legend a {\n color: #777;\n }\n </style>\n</body>\n</html>\n", "cssText": "font-size: 15px; color: black;\n font-weight: normal; padding: 5px;\n background-color: white; border-radius: 5px;"}, "bottom-right"]], ["addSource", ["openmaptiles", {"url": "https://api.maptiler.com/tiles/v3/tiles.json?key=YOUR-API-KEY-PUBLIC", "type": "vector"}]], ["addLayer", [{"id": "3d-buildings", "type": "fill-extrusion", "minzoom": 15, "paint": {"fill-extrusion-color": ["interpolate", ["linear"], ["get", "render_height"], 0, "lightgray", 200, "royalblue", 400, "lightblue"], "fill-extrusion-height": ["interpolate", ["linear"], ["zoom"], 15, 0, 16, ["get", "render_height"]], "fill-extrusion-base": ["case", [">=", ["get", "zoom"], 16], ["get", "render_min_height"], 0]}, "source": "openmaptiles", "source-layer": "building"}, null]], ["addControl", ["LayerSwitcherControl", {"layerIds": ["ESA/WorldCover/v200", "3d-buildings"], "theme": "default", "cssText": "padding: 5px; border: 1px solid darkgrey; border-radius: 4px;"}, "top-left"]]]};
var data = {"mapOptions": {"bearing": 30, "center": [144.716726, 13.37093], "pitch": 60, "style": {"version": 8, "sources": {"satellite": {"type": "raster", "tiles": ["https://api.maptiler.com/tiles/satellite-v2/{z}/{x}/{y}.jpg?key=zHkOvEKXRU94s1PSxs7w"], "tileSize": 256, "attribution": "&copy; MapTiler", "maxzoom": 19}, "terrainSource": {"type": "raster-dem", "url": "https://api.maptiler.com/tiles/terrain-rgb-v2/tiles.json?key=zHkOvEKXRU94s1PSxs7w", "tileSize": 256}, "hillshadeSource": {"type": "raster-dem", "url": "https://api.maptiler.com/tiles/terrain-rgb-v2/tiles.json?key=zHkOvEKXRU94s1PSxs7w", "tileSize": 256}}, "layers": [{"id": "satellite", "type": "raster", "source": "satellite"}, {"id": "hills", "type": "hillshade", "source": "hillshadeSource", "layout": {"visibility": "visible"}, "paint": {"hillshade-shadow-color": "#473B24"}}], "terrain": {"source": "terrainSource", "exaggeration": 1.0}}, "zoom": 10.5, "height": "600px"}, "calls": [["addControl", ["NavigationControl", {"showCompass": true, "showZoom": true, "visualizePitch": false}, "top-right"]], ["addControl", ["FullscreenControl", {}, "top-right"]], ["addControl", ["ScaleControl", {"unit": "metric"}, "bottom-left"]], ["addLayer", [{"id": "ESA/WorldCover/v200", "type": "raster", "source": {"attribution": "Google Earth Engine", "tileSize": 256, "tiles": ["https://earthengine.googleapis.com/v1/projects/earthengine-legacy/maps/45126b69c28e502ee06aef6ec5300b59-efa807bd50478235b40654f65b3c136b/tiles/{z}/{x}/{y}"], "type": "raster"}}, null]], ["setLayoutProperty", ["ESA/WorldCover/v200", "visibility", "visible"]], ["setPaintProperty", ["ESA/WorldCover/v200", "raster-opacity", 0.5]], ["addControl", ["InfoBoxControl", {"content": "<html>\n<body>\n <div class='my-legend'>\n <div class='legend-title'>ESA Landcover</div>\n <div class='legend-scale'>\n <ul class='legend-labels'>\n <li><span style='background:#006400;'></span>10 Trees</li>\n <li><span style='background:#ffbb22;'></span>20 Shrubland</li>\n <li><span style='background:#ffff4c;'></span>30 Grassland</li>\n <li><span style='background:#f096ff;'></span>40 Cropland</li>\n <li><span style='background:#fa0000;'></span>50 Built-up</li>\n <li><span style='background:#b4b4b4;'></span>60 Barren / sparse vegetation</li>\n <li><span style='background:#f0f0f0;'></span>70 Snow and ice</li>\n <li><span style='background:#0064c8;'></span>80 Open water</li>\n <li><span style='background:#0096a0;'></span>90 Herbaceous wetland</li>\n <li><span style='background:#00cf75;'></span>95 Mangroves</li>\n <li><span style='background:#fae6a0;'></span>100 Moss and lichen</li>\n </ul>\n </div>\n </div>\n\n <style type='text/css'>\n .my-legend .legend-title {\n text-align: left;\n margin-bottom: 2px;\n margin-left: 2px;\n font-weight: bold;\n font-size: 90%;\n }\n .my-legend .legend-scale ul {\n margin: 0;\n margin-bottom: 5px;\n padding: 0;\n float: left;\n list-style: none;\n }\n .my-legend .legend-scale ul li {\n font-size: 80%;\n list-style: none;\n margin-left: 1px;\n line-height: 18px;\n margin-bottom: 2px;\n }\n .my-legend ul.legend-labels li span {\n display: block;\n float: left;\n height: 16px;\n width: 30px;\n margin-right: 5px;\n margin-left: 2px;\n border: 1px solid #999;\n }\n .my-legend .legend-source {\n font-size: 70%;\n color: #999;\n clear: both;\n }\n .my-legend a {\n color: #777;\n }\n </style>\n</body>\n</html>\n", "cssText": "font-size: 15px; color: black;\n font-weight: normal; padding: 5px;\n background-color: white; border-radius: 5px;"}, "bottom-right"]], ["addSource", ["openmaptiles", {"url": "https://api.maptiler.com/tiles/v3/tiles.json?key=zHkOvEKXRU94s1PSxs7w", "type": "vector"}]], ["addLayer", [{"id": "3d-buildings", "type": "fill-extrusion", "minzoom": 15, "paint": {"fill-extrusion-color": ["interpolate", ["linear"], ["get", "render_height"], 0, "lightgray", 200, "royalblue", 400, "lightblue"], "fill-extrusion-height": ["interpolate", ["linear"], ["zoom"], 15, 0, 16, ["get", "render_height"]], "fill-extrusion-base": ["case", [">=", ["get", "zoom"], 16], ["get", "render_min_height"], 0]}, "source": "openmaptiles", "source-layer": "building"}, null]], ["addControl", ["LayerSwitcherControl", {"layerIds": ["ESA/WorldCover/v200", "3d-buildings"], "theme": "default", "cssText": "padding: 5px; border: 1px solid darkgrey; border-radius: 4px;"}, "top-left"]]]};
pymaplibregl(data);
})();
</script>
Expand Down
2 changes: 1 addition & 1 deletion demos/hyperloop.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,7 @@

// ...
(() => {
var data = {"mapOptions": {"bearing": 50, "center": [114.16204636, 22.3053044], "pitch": 45, "style": "https://basemaps.cartocdn.com/gl/dark-matter-gl-style/style.json", "zoom": 15.7, "height": "600px"}, "calls": [["addControl", ["NavigationControl", {"showCompass": true, "showZoom": true, "visualizePitch": false}, "top-right"]], ["addControl", ["FullscreenControl", {}, "top-right"]], ["addControl", ["ScaleControl", {"unit": "metric"}, "bottom-left"]], ["addLayer", [{"id": "Google Satellite", "type": "raster", "source": {"attribution": "Google", "maxzoom": 30, "minzoom": 0, "tileSize": 256, "tiles": ["https://mt1.google.com/vt/lyrs=s&x={x}&y={y}&z={z}&key=YOUR-API-KEY"], "type": "raster"}}, null]], ["setPaintProperty", ["Google Satellite", "raster-opacity", 1.0]], ["setLayoutProperty", ["Google Satellite", "visibility", "none"]], ["addSource", ["openmaptiles", {"url": "https://api.maptiler.com/tiles/v3/tiles.json?key=YOUR-API-KEY-PUBLIC", "type": "vector"}]], ["addLayer", [{"id": "3d-buildings", "type": "fill-extrusion", "minzoom": 15, "paint": {"fill-extrusion-color": ["interpolate", ["linear"], ["get", "render_height"], 0, "lightgray", 200, "royalblue", 400, "lightblue"], "fill-extrusion-height": ["interpolate", ["linear"], ["zoom"], 15, 0, 16, ["get", "render_height"]], "fill-extrusion-base": ["case", [">=", ["get", "zoom"], 16], ["get", "render_min_height"], 0]}, "source": "openmaptiles", "source-layer": "building"}, null]], ["addControl", ["InfoBoxControl", {"content": "<img src=\"https://i.imgur.com/aNxMmj6.gif\" style=\"width: 250px; height: 250px; \">", "cssText": "font-size: 20px; color: black;\n font-weight: normal; padding: 5px;\n background-color: white; border-radius: 5px;"}, "bottom-right"]], ["addControl", ["InfoBoxControl", {"content": "Hong Kong!\ud83e\udda5", "cssText": "font-size: 34px; color: black;\n font-weight: normal; padding: 20px;\n background-color: white; border-radius: 5px;"}, "bottom-right"]], ["addControl", ["InfoBoxControl", {"content": "<img src=\"https://i.imgur.com/5iU2GSi.gif\">", "cssText": "font-size: 20px; color: black;\n font-weight: normal; padding: 5px;\n background-color: transparent; border-radius: 5px; box-shadow: none;"}, "bottom-left"]], ["addControl", ["LayerSwitcherControl", {"layerIds": ["Google Satellite", "3d-buildings"], "theme": "default", "cssText": "padding: 5px; border: 1px solid darkgrey; border-radius: 4px;"}, "top-left"]]]};
var data = {"mapOptions": {"bearing": 50, "center": [114.16204636, 22.3053044], "pitch": 45, "style": "https://api.maptiler.com/maps/basic-v2/style.json?key=zHkOvEKXRU94s1PSxs7w", "zoom": 15.7, "height": "600px"}, "calls": [["addControl", ["NavigationControl", {"showCompass": true, "showZoom": true, "visualizePitch": false}, "top-right"]], ["addControl", ["FullscreenControl", {}, "top-right"]], ["addControl", ["ScaleControl", {"unit": "metric"}, "bottom-left"]], ["addLayer", [{"id": "Google Satellite", "type": "raster", "source": {"attribution": "Google", "maxzoom": 30, "minzoom": 0, "tileSize": 256, "tiles": ["https://mt1.google.com/vt/lyrs=s&x={x}&y={y}&z={z}&key=YOUR-API-KEY"], "type": "raster"}}, null]], ["setPaintProperty", ["Google Satellite", "raster-opacity", 1.0]], ["setLayoutProperty", ["Google Satellite", "visibility", "none"]], ["addSource", ["openmaptiles", {"url": "https://api.maptiler.com/tiles/v3/tiles.json?key=zHkOvEKXRU94s1PSxs7w", "type": "vector"}]], ["addLayer", [{"id": "3d-buildings", "type": "fill-extrusion", "minzoom": 15, "paint": {"fill-extrusion-color": ["interpolate", ["linear"], ["get", "render_height"], 0, "lightgray", 200, "royalblue", 400, "lightblue"], "fill-extrusion-height": ["interpolate", ["linear"], ["zoom"], 15, 0, 16, ["get", "render_height"]], "fill-extrusion-base": ["case", [">=", ["get", "zoom"], 16], ["get", "render_min_height"], 0]}, "source": "openmaptiles", "source-layer": "building"}, null]], ["addControl", ["InfoBoxControl", {"content": "<img src=\"https://i.imgur.com/aNxMmj6.gif\" style=\"width: 250px; height: 250px; \">", "cssText": "font-size: 20px; color: black;\n font-weight: normal; padding: 5px;\n background-color: white; border-radius: 5px;"}, "bottom-right"]], ["addControl", ["InfoBoxControl", {"content": "Hong Kong!\ud83e\udda5", "cssText": "font-size: 34px; color: black;\n font-weight: normal; padding: 20px;\n background-color: white; border-radius: 5px;"}, "bottom-right"]], ["addControl", ["InfoBoxControl", {"content": "<img src=\"https://i.imgur.com/5iU2GSi.gif\">", "cssText": "font-size: 20px; color: black;\n font-weight: normal; padding: 5px;\n background-color: transparent; border-radius: 5px; box-shadow: none;"}, "bottom-left"]], ["addControl", ["LayerSwitcherControl", {"layerIds": ["Google Satellite", "3d-buildings"], "theme": "default", "cssText": "padding: 5px; border: 1px solid darkgrey; border-radius: 4px;"}, "top-left"]]]};
pymaplibregl(data);
})();
</script>
Expand Down
Loading

0 comments on commit a264e41

Please sign in to comment.