WebGIS二次开发-问题及解决方案整理(未完待续)（mapbox，openlayer，高德，百度，cesium）

团子WebGIS

已于 2023-02-08 18:02:22 修改

阅读量780

点赞数

分类专栏：学习 Cesium GIS 文章标签：学习经验分享 3d Powered by 金山文档

于 2023-02-07 16:11:19 首次发布

本文链接：https://blog.csdn.net/bguihiub/article/details/128920568

版权

GIS 同时被 3 个专栏收录

21 篇文章 0 订阅

订阅专栏

学习

17 篇文章 3 订阅

订阅专栏

Cesium

13 篇文章 6 订阅

订阅专栏

问题1-4：二次开发，引库问题

问题1出现及解决

在研究webclient二次开发，主要跟着开发文档去复现例子和学习接口，编写leaflet/01-第三方地图-百度地图.html时，出现报错：

，随即调试打印"L"发现并没有proj库

，于是求助老凯下载并引入proj库

，解决问题

问题2出现及解决

编写MapboxGL/01-地图控件.html，运行报错

测试发现是compare库未引入，

修改包引入方式，

问题得以解决

问题3出现及解决

编写leaflet/10-模拟迁徙.html，运行报错

测试发现是echart库未能引入，

修改包引入方式，

问题得以解决

问题4出现及解决

编写leaflet/03-第三方地图-Bing地图，运行报错

查看发现并没有对应方法

修改包引入方式后，发现引入成功

问题5：mapboxgl开发，无法加载osm地图---科学上网

未科学上网加载不了地图

科学上网后

问题6：mapboxgl开发，加载ArcGIS地图，报跨域请求错误---文档版本老旧，用新版本

报错截图

版本：

问题7：mapboxgl开发，错级瓦片是什么---是中地集成的mapboxgl的一个api，用于控制瓦片显示级别

问题现象

原本请求瓦片 {z}/{x}/{y} 可以请求到瓦片数据，实际请求的是 {z+1}/{x}/{y} 或者 {z-1}/{x}/{y}

问题原因

10.3版本以前平台裁剪瓦片起始级别为1，10.3版本以前igserver起始级别也为1

10.3版本以前平台裁剪瓦片起始级别为1，10.3版本以后igserver起始级别为0

详情查看开发文档

问题8：mapboxgl开发，部分示例部署到本地不能显示，提示无法访问数据源---需要调用的geojson数据接口已经失效

问题9：mapboxgl开发，二次开发文档错别字

问题10：mapboxgl开发，调用自发布wtms服务，发布地址选择出现问题---IGServer点击一个不起眼的小箭头即可打开一个.xml文件，里面是具体的地址及其他参数详情

问题11：mapboxgl开发，发布的瓦片地图与同坐标系下的天地图坐标不吻合---火星坐标系

问题12：Cesium开发，天地图请求不到---天地图矢量图层接口已经更新，文档暂时未同步

报错->接口使用的 url: " http://t0.tianditu.com/DataServer",无法显示矢量地图

天地图文档-> 点击跳转

解决

  // 瓦片
  const nTile = new Cesium.WebMapTileServiceImageryProvider({
    url:
      "http://t0.tianditu.gov.cn/cia_c/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=cia&tileMatrixSet=c&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default&format=tiles&tk=" +
      token,
    format: "tiles",
    tileMatrixSetID: "c",
    tilingScheme: new Cesium.GeographicTilingScheme(),
    tileMatrixLabels: [
      "1",
      "2",
      "3",
      "4",
      "5",
      "6",
      "7",
      "8",
      "9",
      "10",
      "11",
      "12",
      "13",
      "14",
      "15",
      "16",
      "17",
      "18",
    ],
    layer: "tdtImgAnnoLayer",
    style: "default",
    show: false,
  });