diff --git a/demos/global_surface_water.html b/demos/global_surface_water.html index 2869bc2..ddbb8ff 100644 --- a/demos/global_surface_water.html +++ b/demos/global_surface_water.html @@ -26,7 +26,7 @@ // ... (() => { - var data = {"mapOptions": {"bearing": 0, "center": [0, 20], "pitch": 0, "style": {"version": 8, "sources": {"terrainSource": {"type": "raster-dem", "url": "https://api.maptiler.com/tiles/terrain-rgb-v2/tiles.json?key=zHkOvEKXRU94s1PSxs7w", "tileSize": 512}, "hillshadeSource": {"type": "raster-dem", "url": "https://api.maptiler.com/tiles/terrain-rgb-v2/tiles.json?key=zHkOvEKXRU94s1PSxs7w", "tileSize": 512}, "hybrid": {"type": "raster", "tiles": ["https://api.maptiler.com/maps/hybrid/{z}/{x}/{y}.jpg?key=zHkOvEKXRU94s1PSxs7w"], "tileSize": 512, "attribution": "© MapTiler", "maxzoom": 24}}, "layers": [{"id": "hybrid", "type": "raster", "source": "hybrid"}, {"id": "hillshade", "type": "hillshade", "source": "hillshadeSource", "layout": {"visibility": "visible"}, "paint": {"hillshade-shadow-color": "#473B24"}}], "terrain": {"source": "terrainSource", "exaggeration": 1}}, "zoom": 1, "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": "Water Occurrence", "type": "raster", "source": {"attribution": "Google Earth Engine", "tileSize": 256, "tiles": ["https://earthengine.googleapis.com/v1/projects/earthengine-legacy/maps/90576c92fc98e96f9189fae348aadba9-3e05e4d127394c1182e3d1eab7335cfc/tiles/{z}/{x}/{y}"], "type": "raster"}}, null]], ["setLayoutProperty", ["Water Occurrence", "visibility", "visible"]], ["setPaintProperty", ["Water Occurrence", "raster-opacity", 0.8]], ["addControl", ["InfoBoxControl", {"content": "", "cssText": "font-size: 20px; color: black;\n font-weight: normal; padding: 5px;\n background-color: white; border-radius: 5px;"}, "bottom-right"]], ["addControl", ["LayerSwitcherControl", {"layerIds": ["Water Occurrence"], "theme": "default", "cssText": "padding: 5px; border: 1px solid darkgrey; border-radius: 4px;"}, "top-left"]]]}; + var data = {"mapOptions": {"bearing": 0, "center": [0, 20], "pitch": 0, "style": {"version": 8, "sources": {"terrainSource": {"type": "raster-dem", "url": "https://api.maptiler.com/tiles/terrain-rgb-v2/tiles.json?key=zHkOvEKXRU94s1PSxs7w", "tileSize": 512}, "hillshadeSource": {"type": "raster-dem", "url": "https://api.maptiler.com/tiles/terrain-rgb-v2/tiles.json?key=zHkOvEKXRU94s1PSxs7w", "tileSize": 512}, "hybrid": {"type": "raster", "tiles": ["https://api.maptiler.com/maps/hybrid/{z}/{x}/{y}.jpg?key=zHkOvEKXRU94s1PSxs7w"], "tileSize": 512, "attribution": "© MapTiler", "maxzoom": 24}}, "layers": [{"id": "hybrid", "type": "raster", "source": "hybrid"}, {"id": "hillshade", "type": "hillshade", "source": "hillshadeSource", "layout": {"visibility": "visible"}, "paint": {"hillshade-shadow-color": "#473B24"}}], "terrain": {"source": "terrainSource", "exaggeration": 1}}, "zoom": 1, "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": "Water Occurrence", "type": "raster", "source": {"attribution": "Google Earth Engine", "tileSize": 256, "tiles": ["https://earthengine.googleapis.com/v1/projects/earthengine-legacy/maps/90576c92fc98e96f9189fae348aadba9-3fbd89424ab8c8fa99129fc55a1ba96e/tiles/{z}/{x}/{y}"], "type": "raster"}}, null]], ["setLayoutProperty", ["Water Occurrence", "visibility", "visible"]], ["setPaintProperty", ["Water Occurrence", "raster-opacity", 0.8]], ["addControl", ["InfoBoxControl", {"content": "", "cssText": "font-size: 20px; color: black;\n font-weight: normal; padding: 5px;\n background-color: white; border-radius: 5px;"}, "bottom-right"]], ["addControl", ["LayerSwitcherControl", {"layerIds": ["Water Occurrence"], "theme": "default", "cssText": "padding: 5px; border: 1px solid darkgrey; border-radius: 4px;"}, "top-left"]]]}; pymaplibregl(data); })(); diff --git a/demos/guam.html b/demos/guam.html index de06c71..ec2bb59 100644 --- a/demos/guam.html +++ b/demos/guam.html @@ -26,7 +26,7 @@ // ... (() => { - var data = {"mapOptions": {"bearing": 30, "center": [144.716726, 13.37093], "pitch": 60, "style": {"version": 8, "sources": {"terrainSource": {"type": "raster-dem", "url": "https://api.maptiler.com/tiles/terrain-rgb-v2/tiles.json?key=zHkOvEKXRU94s1PSxs7w", "tileSize": 512}, "hillshadeSource": {"type": "raster-dem", "url": "https://api.maptiler.com/tiles/terrain-rgb-v2/tiles.json?key=zHkOvEKXRU94s1PSxs7w", "tileSize": 512}, "satellite": {"type": "raster", "tiles": ["https://api.maptiler.com/maps/satellite/{z}/{x}/{y}.jpg?key=zHkOvEKXRU94s1PSxs7w"], "tileSize": 512, "attribution": "© MapTiler", "maxzoom": 24}}, "layers": [{"id": "satellite", "type": "raster", "source": "satellite"}, {"id": "hillshade", "type": "hillshade", "source": "hillshadeSource", "layout": {"visibility": "visible"}, "paint": {"hillshade-shadow-color": "#473B24"}}], "terrain": {"source": "terrainSource", "exaggeration": 1}}, "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-d714c509faf547354a9cb8c1445c47f9/tiles/{z}/{x}/{y}"], "type": "raster"}}, null]], ["setLayoutProperty", ["ESA/WorldCover/v200", "visibility", "visible"]], ["setPaintProperty", ["ESA/WorldCover/v200", "raster-opacity", 0.5]], ["addControl", ["InfoBoxControl", {"content": "\n\n
\n
ESA Landcover
\n
\n \n
\n
\n\n \n\n\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": "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", "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": {"terrainSource": {"type": "raster-dem", "url": "https://api.maptiler.com/tiles/terrain-rgb-v2/tiles.json?key=zHkOvEKXRU94s1PSxs7w", "tileSize": 512}, "hillshadeSource": {"type": "raster-dem", "url": "https://api.maptiler.com/tiles/terrain-rgb-v2/tiles.json?key=zHkOvEKXRU94s1PSxs7w", "tileSize": 512}, "satellite": {"type": "raster", "tiles": ["https://api.maptiler.com/maps/satellite/{z}/{x}/{y}.jpg?key=zHkOvEKXRU94s1PSxs7w"], "tileSize": 512, "attribution": "© MapTiler", "maxzoom": 24}}, "layers": [{"id": "satellite", "type": "raster", "source": "satellite"}, {"id": "hillshade", "type": "hillshade", "source": "hillshadeSource", "layout": {"visibility": "visible"}, "paint": {"hillshade-shadow-color": "#473B24"}}], "terrain": {"source": "terrainSource", "exaggeration": 1}}, "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-20db8cfc89c9f1e99c04e74d3ffe9e96/tiles/{z}/{x}/{y}"], "type": "raster"}}, null]], ["setLayoutProperty", ["ESA/WorldCover/v200", "visibility", "visible"]], ["setPaintProperty", ["ESA/WorldCover/v200", "raster-opacity", 0.5]], ["addControl", ["InfoBoxControl", {"content": "\n\n
\n
ESA Landcover
\n
\n \n
\n
\n\n \n\n\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": "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", "buildings"], "theme": "default", "cssText": "padding: 5px; border: 1px solid darkgrey; border-radius: 4px;"}, "top-left"]]]}; pymaplibregl(data); })(); diff --git a/demos/nyc.html b/demos/nyc.html index a96c868..d184e71 100644 --- a/demos/nyc.html +++ b/demos/nyc.html @@ -26,7 +26,7 @@ // ... (() => { - var data = {"mapOptions": {"bearing": 30, "center": [-74.012998, 40.70414], "pitch": 60, "style": {"version": 8, "sources": {"terrainSource": {"type": "raster-dem", "url": "https://api.maptiler.com/tiles/terrain-rgb-v2/tiles.json?key=zHkOvEKXRU94s1PSxs7w", "tileSize": 512}, "hillshadeSource": {"type": "raster-dem", "url": "https://api.maptiler.com/tiles/terrain-rgb-v2/tiles.json?key=zHkOvEKXRU94s1PSxs7w", "tileSize": 512}, "satellite": {"type": "raster", "tiles": ["https://api.maptiler.com/maps/satellite/{z}/{x}/{y}.jpg?key=zHkOvEKXRU94s1PSxs7w"], "tileSize": 512, "attribution": "© MapTiler", "maxzoom": 24}}, "layers": [{"id": "satellite", "type": "raster", "source": "satellite"}, {"id": "hillshade", "type": "hillshade", "source": "hillshadeSource", "layout": {"visibility": "visible"}, "paint": {"hillshade-shadow-color": "#473B24"}}], "terrain": {"source": "terrainSource", "exaggeration": 1}}, "zoom": 15.6, "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-d714c509faf547354a9cb8c1445c47f9/tiles/{z}/{x}/{y}"], "type": "raster"}}, null]], ["setLayoutProperty", ["ESA/WorldCover/v200", "visibility", "visible"]], ["setPaintProperty", ["ESA/WorldCover/v200", "raster-opacity", 0.5]], ["addControl", ["InfoBoxControl", {"content": "\n\n
\n
ESA Landcover
\n
\n \n
\n
\n\n \n\n\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": "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", "buildings"], "theme": "default", "cssText": "padding: 5px; border: 1px solid darkgrey; border-radius: 4px;"}, "top-left"]]]}; + var data = {"mapOptions": {"bearing": 30, "center": [-74.012998, 40.70414], "pitch": 60, "style": {"version": 8, "sources": {"terrainSource": {"type": "raster-dem", "url": "https://api.maptiler.com/tiles/terrain-rgb-v2/tiles.json?key=zHkOvEKXRU94s1PSxs7w", "tileSize": 512}, "hillshadeSource": {"type": "raster-dem", "url": "https://api.maptiler.com/tiles/terrain-rgb-v2/tiles.json?key=zHkOvEKXRU94s1PSxs7w", "tileSize": 512}, "satellite": {"type": "raster", "tiles": ["https://api.maptiler.com/maps/satellite/{z}/{x}/{y}.jpg?key=zHkOvEKXRU94s1PSxs7w"], "tileSize": 512, "attribution": "© MapTiler", "maxzoom": 24}}, "layers": [{"id": "satellite", "type": "raster", "source": "satellite"}, {"id": "hillshade", "type": "hillshade", "source": "hillshadeSource", "layout": {"visibility": "visible"}, "paint": {"hillshade-shadow-color": "#473B24"}}], "terrain": {"source": "terrainSource", "exaggeration": 1}}, "zoom": 15.6, "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-20db8cfc89c9f1e99c04e74d3ffe9e96/tiles/{z}/{x}/{y}"], "type": "raster"}}, null]], ["setLayoutProperty", ["ESA/WorldCover/v200", "visibility", "visible"]], ["setPaintProperty", ["ESA/WorldCover/v200", "raster-opacity", 0.5]], ["addControl", ["InfoBoxControl", {"content": "\n\n
\n
ESA Landcover
\n
\n \n
\n
\n\n \n\n\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": "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", "buildings"], "theme": "default", "cssText": "padding: 5px; border: 1px solid darkgrey; border-radius: 4px;"}, "top-left"]]]}; pymaplibregl(data); })(); diff --git a/maplibre/google_earth_engine.html b/maplibre/google_earth_engine.html index 4465ad0..a70ee50 100644 --- a/maplibre/google_earth_engine.html +++ b/maplibre/google_earth_engine.html @@ -26,7 +26,7 @@ // ... (() => { - var data = {"mapOptions": {"bearing": 30, "center": [-120.4482, 38.0399], "pitch": 60, "style": {"version": 8, "sources": {"terrainSource": {"type": "raster-dem", "url": "https://api.maptiler.com/tiles/terrain-rgb-v2/tiles.json?key=zHkOvEKXRU94s1PSxs7w", "tileSize": 512}, "hillshadeSource": {"type": "raster-dem", "url": "https://api.maptiler.com/tiles/terrain-rgb-v2/tiles.json?key=zHkOvEKXRU94s1PSxs7w", "tileSize": 512}, "satellite": {"type": "raster", "tiles": ["https://api.maptiler.com/maps/satellite/{z}/{x}/{y}.jpg?key=zHkOvEKXRU94s1PSxs7w"], "tileSize": 512, "attribution": "© MapTiler", "maxzoom": 24}}, "layers": [{"id": "satellite", "type": "raster", "source": "satellite"}, {"id": "hillshade", "type": "hillshade", "source": "hillshadeSource", "layout": {"visibility": "visible"}, "paint": {"hillshade-shadow-color": "#473B24"}}], "terrain": {"source": "terrainSource", "exaggeration": 1}}, "zoom": 13, "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-d714c509faf547354a9cb8c1445c47f9/tiles/{z}/{x}/{y}"], "type": "raster"}}, null]], ["setLayoutProperty", ["ESA/WorldCover/v200", "visibility", "visible"]], ["setPaintProperty", ["ESA/WorldCover/v200", "raster-opacity", 0.5]], ["addControl", ["InfoBoxControl", {"content": "\n\n
\n
ESA Landcover
\n
\n \n
\n
\n\n \n\n\n", "cssText": "font-size: 15px; color: black;\n font-weight: normal; padding: 5px;\n background-color: white; border-radius: 5px;"}, "bottom-right"]], ["addControl", ["LayerSwitcherControl", {"layerIds": ["ESA/WorldCover/v200"], "theme": "default", "cssText": "padding: 5px; border: 1px solid darkgrey; border-radius: 4px;"}, "top-left"]]]}; + var data = {"mapOptions": {"bearing": 30, "center": [-120.4482, 38.0399], "pitch": 60, "style": {"version": 8, "sources": {"terrainSource": {"type": "raster-dem", "url": "https://api.maptiler.com/tiles/terrain-rgb-v2/tiles.json?key=zHkOvEKXRU94s1PSxs7w", "tileSize": 512}, "hillshadeSource": {"type": "raster-dem", "url": "https://api.maptiler.com/tiles/terrain-rgb-v2/tiles.json?key=zHkOvEKXRU94s1PSxs7w", "tileSize": 512}, "satellite": {"type": "raster", "tiles": ["https://api.maptiler.com/maps/satellite/{z}/{x}/{y}.jpg?key=zHkOvEKXRU94s1PSxs7w"], "tileSize": 512, "attribution": "© MapTiler", "maxzoom": 24}}, "layers": [{"id": "satellite", "type": "raster", "source": "satellite"}, {"id": "hillshade", "type": "hillshade", "source": "hillshadeSource", "layout": {"visibility": "visible"}, "paint": {"hillshade-shadow-color": "#473B24"}}], "terrain": {"source": "terrainSource", "exaggeration": 1}}, "zoom": 13, "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-20db8cfc89c9f1e99c04e74d3ffe9e96/tiles/{z}/{x}/{y}"], "type": "raster"}}, null]], ["setLayoutProperty", ["ESA/WorldCover/v200", "visibility", "visible"]], ["setPaintProperty", ["ESA/WorldCover/v200", "raster-opacity", 0.5]], ["addControl", ["InfoBoxControl", {"content": "\n\n
\n
ESA Landcover
\n
\n \n
\n
\n\n \n\n\n", "cssText": "font-size: 15px; color: black;\n font-weight: normal; padding: 5px;\n background-color: white; border-radius: 5px;"}, "bottom-right"]], ["addControl", ["LayerSwitcherControl", {"layerIds": ["ESA/WorldCover/v200"], "theme": "default", "cssText": "padding: 5px; border: 1px solid darkgrey; border-radius: 4px;"}, "top-left"]]]}; pymaplibregl(data); })(); diff --git a/maplibre/google_earth_engine_1.html b/maplibre/google_earth_engine_1.html index bfc882c..6394f66 100644 --- a/maplibre/google_earth_engine_1.html +++ b/maplibre/google_earth_engine_1.html @@ -26,7 +26,7 @@ // ... (() => { - var data = {"mapOptions": {"bearing": 30, "center": [-74.012998, 40.70414], "pitch": 60, "style": {"version": 8, "sources": {"terrainSource": {"type": "raster-dem", "url": "https://api.maptiler.com/tiles/terrain-rgb-v2/tiles.json?key=zHkOvEKXRU94s1PSxs7w", "tileSize": 512}, "hillshadeSource": {"type": "raster-dem", "url": "https://api.maptiler.com/tiles/terrain-rgb-v2/tiles.json?key=zHkOvEKXRU94s1PSxs7w", "tileSize": 512}, "satellite": {"type": "raster", "tiles": ["https://api.maptiler.com/maps/satellite/{z}/{x}/{y}.jpg?key=zHkOvEKXRU94s1PSxs7w"], "tileSize": 512, "attribution": "© MapTiler", "maxzoom": 24}}, "layers": [{"id": "satellite", "type": "raster", "source": "satellite"}, {"id": "hillshade", "type": "hillshade", "source": "hillshadeSource", "layout": {"visibility": "visible"}, "paint": {"hillshade-shadow-color": "#473B24"}}], "terrain": {"source": "terrainSource", "exaggeration": 1}}, "zoom": 15.6, "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-d714c509faf547354a9cb8c1445c47f9/tiles/{z}/{x}/{y}"], "type": "raster"}}, null]], ["setLayoutProperty", ["ESA/WorldCover/v200", "visibility", "visible"]], ["setPaintProperty", ["ESA/WorldCover/v200", "raster-opacity", 0.5]], ["addControl", ["InfoBoxControl", {"content": "\n\n
\n
ESA Landcover
\n
\n \n
\n
\n\n \n\n\n", "cssText": "font-size: 15px; color: black;\n font-weight: normal; padding: 5px;\n background-color: white; border-radius: 5px;"}, "bottom-right"]], ["addControl", ["LayerSwitcherControl", {"layerIds": ["ESA/WorldCover/v200"], "theme": "default", "cssText": "padding: 5px; border: 1px solid darkgrey; border-radius: 4px;"}, "top-left"]], ["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]]]}; + var data = {"mapOptions": {"bearing": 30, "center": [-74.012998, 40.70414], "pitch": 60, "style": {"version": 8, "sources": {"terrainSource": {"type": "raster-dem", "url": "https://api.maptiler.com/tiles/terrain-rgb-v2/tiles.json?key=zHkOvEKXRU94s1PSxs7w", "tileSize": 512}, "hillshadeSource": {"type": "raster-dem", "url": "https://api.maptiler.com/tiles/terrain-rgb-v2/tiles.json?key=zHkOvEKXRU94s1PSxs7w", "tileSize": 512}, "satellite": {"type": "raster", "tiles": ["https://api.maptiler.com/maps/satellite/{z}/{x}/{y}.jpg?key=zHkOvEKXRU94s1PSxs7w"], "tileSize": 512, "attribution": "© MapTiler", "maxzoom": 24}}, "layers": [{"id": "satellite", "type": "raster", "source": "satellite"}, {"id": "hillshade", "type": "hillshade", "source": "hillshadeSource", "layout": {"visibility": "visible"}, "paint": {"hillshade-shadow-color": "#473B24"}}], "terrain": {"source": "terrainSource", "exaggeration": 1}}, "zoom": 15.6, "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-20db8cfc89c9f1e99c04e74d3ffe9e96/tiles/{z}/{x}/{y}"], "type": "raster"}}, null]], ["setLayoutProperty", ["ESA/WorldCover/v200", "visibility", "visible"]], ["setPaintProperty", ["ESA/WorldCover/v200", "raster-opacity", 0.5]], ["addControl", ["InfoBoxControl", {"content": "\n\n
\n
ESA Landcover
\n
\n \n
\n
\n\n \n\n\n", "cssText": "font-size: 15px; color: black;\n font-weight: normal; padding: 5px;\n background-color: white; border-radius: 5px;"}, "bottom-right"]], ["addControl", ["LayerSwitcherControl", {"layerIds": ["ESA/WorldCover/v200"], "theme": "default", "cssText": "padding: 5px; border: 1px solid darkgrey; border-radius: 4px;"}, "top-left"]], ["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]]]}; pymaplibregl(data); })();