graham/prop
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat(rover): add ESRI satellite imagery as base-layer option

Browse source
This commit is contained in:
Graham McIntire 2026-04-26 11:52:12 -05:00
parent 5a4129ffca
commit 5e1155f9da
No known key found for this signature in database
GPG key ID: F4ABF488E6029E59
1 changed files with 6 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
assets/js/rover_map_hook.ts
View file

@ -19,6 +19,7 @@ interface RoverMapHook extends ViewHook {
map: L.Map map: L.Map
osmLayer: L.TileLayer osmLayer: L.TileLayer
topoLayer: L.TileLayer | null topoLayer: L.TileLayer | null
satelliteLayer: L.TileLayer
hillshadeLayer: L.TileLayer hillshadeLayer: L.TileLayer
layersControl: L.Control.Layers layersControl: L.Control.Layers
stations: Station[] stations: Station[]
@ -116,6 +117,10 @@ export const RoverMap: Partial<RoverMapHook> = {
this.topoLayer = L.tileLayer("https://{s}.tile.opentopomap.org/{z}/{x}/{y}.png", { this.topoLayer = L.tileLayer("https://{s}.tile.opentopomap.org/{z}/{x}/{y}.png", {
maxZoom: 17 maxZoom: 17
}) })
this.satelliteLayer = L.tileLayer(
"https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}",
{ maxZoom: 19 }
)
this.hillshadeLayer = L.tileLayer( this.hillshadeLayer = L.tileLayer(
"https://services.arcgisonline.com/ArcGIS/rest/services/Elevation/World_Hillshade/MapServer/tile/{z}/{y}/{x}", "https://services.arcgisonline.com/ArcGIS/rest/services/Elevation/World_Hillshade/MapServer/tile/{z}/{y}/{x}",
{ maxZoom: 16, opacity: 0.45 } { maxZoom: 16, opacity: 0.45 }
@ -125,7 +130,7 @@ export const RoverMap: Partial<RoverMapHook> = {
this.hillshadeLayer.addTo(map) this.hillshadeLayer.addTo(map)
this.layersControl = L.control.layers( this.layersControl = L.control.layers(
{ "OSM": this.osmLayer, "Topo": this.topoLayer }, { "OSM": this.osmLayer, "Topo": this.topoLayer, "Satellite": this.satelliteLayer },
{ "Hillshade": this.hillshadeLayer, "Grid squares": this.gridLayer }, { "Hillshade": this.hillshadeLayer, "Grid squares": this.gridLayer },
{ position: "topright" } { position: "topright" }
).addTo(map) ).addTo(map)