[JavaScript知识库] maptalks 切换中心点切换地图URL

开发: C++知识库 Java知识库 JavaScript Python PHP知识库人工智能区块链大数据移动开发嵌入式开发工具数据结构与算法开发测试游戏开发网络协议系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑笔记本显卡显示器固态硬盘硬盘耳机手机 iphone vivo oppo 小米华为单反装机图拉丁

-> JavaScript知识库 -> maptalks 切换中心点切换地图URL -> 正文阅读

[JavaScript知识库]maptalks 切换中心点切换地图URL

有个需求，动态切换地图切片风格，切换中心点设置。

秉着好记性不如烂笔头的心态，在此记录一下。

直接上代码：

    setGISCenter(params = {}) {
        // 这里是设置图层的url,
      if(params && params.centerInfo && params.centerInfo.url) {
        this.customTileLayer.config({urlTemplate: params.centerInfo.url});
      }
      // 这里是设置地图中心点与底图层级
      if(params && params.centerInfo && params.centerInfo.lat && params.centerInfo.lng) {
        let view = {
          center: [Number(params.centerInfo.lng), Number(params.centerInfo.lat)]
        }
        if (params.centerInfo.zoom) {
          let mapZoom = parseInt(params.centerInfo.zoom);
          if (mapZoom > 18) {
            mapZoom = 18;
          }
          if (mapZoom < 1) {
            mapZoom = 1;
          }
          view.zoom = mapZoom;
        }
        this.map.setView(view);
      }
    },

this.customTileLayer = new this.maptalks.TileLayer(

`defaultLayer`,

tileOption

);

this.map = new this.maptalks.Map("id_map_mtk", mapOptions);