【maptalks】请求天地图和本地切片地图

原创

已于 2025-02-14 14:38:28 修改 · 1k 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#js

于 2024-01-19 17:51:56 首次发布

初始化地图

const options = Object.assign({
   
   }, mapOptions, initOptions.mapOptions);
const map = new maptalks.Map(initOptions.containerID, options);

添加图层函数

import * as maptalks from "maptalks";
import {
   
   WMTSTileLayer} from "maptalks.wmts";
export function addLayers(map, layers) {
   
   
  const layerGroup = getLayers(map, layers)
  map.addLayer(layerGroup)
  return layerGroup
}

export function getLayers(map, layers) {
   
   
  const layerGroup = []
  if (!layers) return
  layers.forEach((layer) => {
   
   
    const type = layer.type
    let mapLayer = undefined
    removeLayer(map, layer.id)
    switch (type) {
   
   
      case "Tile":
        mapLayer = new maptalks.TileLayer(layer.id, layer)
        break
      case "WMS":
        mapLayer