Варианты подложек #14

Пользователь может выбирать карты-подложки:

та, которая сейчас есть
mapbox topo
спутник

ed609322fa

f838889afd

const basemapTiles = {
  "topo": [`https://api.mapbox.com/styles/v1/ghermant/cl9vd1nji002n15s2xxj25f4m/tiles/256/{z}/{x}/{y}@2x?access_token=${apiKey}`],
  "satellite": [`https://api.mapbox.com/styles/v1/ghermant/cl9olarp0002i14vq9a2d0e7g/tiles/256/{z}/{x}/{y}@2x?access_token=${apiKey}`],
  "mono": [`https://api.mapbox.com/styles/v1/ghermant/cl9vd7xwi004u14nxu3j83scj/tiles/256/{z}/{x}/{y}@2x?access_token=${apiKey}`]
}

map.value.addSource("basemap", {
  type: "raster",
  tiles: [
    basemapTiles["topo"]
  ],
});

map.value.addLayer({
  id: "basemap-layer",
  type: "raster",
  source: "basemap",
  paint: {},
});


function () {
	const selectedBasemap = this.value
	map.value.getSource('basemap').setTiles(basemapTiles[selectedBasemap])
}

function () {
    const selectedBasemap = this.value
    map.value.removeSource("basemap")
    map.value.addSource("basemap", {
    	type: "raster",
    	tiles: [
      		basemapTiles[selectedBasemap]
    	])
    }
}

const selectedBasemap = this.value
map.value.getSource('basemap').tiles = basemapTiles[selectedBasemap]
map.value.style.sourceCaches['basemap'].clearTiles()
// Load the new tiles for the current viewport (map.value.transform -> viewport)
map.value.style.sourceCaches['basemap'].update(map.value.transform)
// Force a repaint, so that the map will be repainted without you having to touch the map
map.value.triggerRepaint()