问题1-4:二次开发,引库问题
问题1出现及解决
在研究webclient二次开发,主要跟着 开发文档去复现例子和学习接口,编写leaflet/01-第三方地图-百度地图.html时,出现报错:
![](https://img-blog.csdnimg.cn/img_convert/a293568a8d7fe7312df77a9e184fad5e.png)
,随即调试打印"L"发现并没有proj库
![](https://img-blog.csdnimg.cn/img_convert/f02ab5ac21da4cd0ccb032a6e746a502.png)
,于是求助老凯下载并引入proj库
![](https://img-blog.csdnimg.cn/img_convert/0e225e793437a1c17f4d625226241cb4.png)
,解决问题
![](https://img-blog.csdnimg.cn/img_convert/498be643f5118d189398a2102c76a89c.png)
问题2出现及解决
编写MapboxGL/01-地图控件.html,运行报错
![](https://img-blog.csdnimg.cn/img_convert/cf0bf369f6e8eedb11c143250bbe8d4d.png)
测试发现是compare库未引入,
修改包引入方式,
![](https://img-blog.csdnimg.cn/img_convert/7faf73444b42b98802fbc0689f2536ee.png)
问题得以解决
![](https://img-blog.csdnimg.cn/img_convert/6c4a5bc1fde3a29588c923311c4b3c0e.png)
问题3出现及解决
编写leaflet/10-模拟迁徙.html,运行报错
![](https://img-blog.csdnimg.cn/img_convert/62485be88956d32e2119d68dc44f9450.png)
测试发现是echart库未能引入,
修改包引入方式,
![](https://img-blog.csdnimg.cn/img_convert/2dab437a64b3209736a548e0aa37f306.png)
问题得以解决
![](https://img-blog.csdnimg.cn/img_convert/6ead0f4068d48d50591aa57ba5a9e8bb.png)
问题4出现及解决
编写leaflet/03-第三方地图-Bing地图,运行报错
查看发现并没有对应方法
![](https://img-blog.csdnimg.cn/img_convert/6f9489ef86ecb42a6177a59e08eef937.png)
修改包引入方式后,发现引入成功
![](https://img-blog.csdnimg.cn/img_convert/a46ed116d1178ae7692ee55ab2bb5aba.png)
![](https://img-blog.csdnimg.cn/img_convert/9879a4ecd89d58f323c784c62e91c982.png)
问题5:mapboxgl开发,无法加载osm地图---科学上网
未科学上网加载不了地图
![](https://img-blog.csdnimg.cn/img_convert/d99ce967d4931626793241fc3f5eee47.png)
科学上网后
![](https://img-blog.csdnimg.cn/img_convert/52426f3dafe635e3aef588dceca83196.png)
问题6:mapboxgl开发,加载ArcGIS地图,报跨域请求错误---文档版本老旧,用新版本
报错截图
![](https://img-blog.csdnimg.cn/img_convert/c664c51bc64035e5a482268de127a0f1.png)
版本:
![](https://img-blog.csdnimg.cn/img_convert/7a3d12789a05e39f170c01eed822acdb.png)
![](https://img-blog.csdnimg.cn/img_convert/a9bea8d050dd6d5355c664036b5f9f76.png)
问题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
详情查看 开发文档
![](https://img-blog.csdnimg.cn/img_convert/12f4b68af7ede5069db232447fcf2855.png)
问题8:mapboxgl开发,部分示例部署到本地不能显示,提示无法访问数据源---需要调用的geojson数据接口已经失效
![](https://img-blog.csdnimg.cn/img_convert/646c3dd9633e84459d1fac155dacfe19.png)
问题9:mapboxgl开发,二次开发文档错别字
![](https://img-blog.csdnimg.cn/img_convert/1dfdc6d13e5a7649ea3dfad9e69de6a0.png)
问题10:mapboxgl开发,调用自发布wtms服务,发布地址选择出现问题---IGServer点击一个不起眼的小箭头即可打开一个.xml文件,里面是具体的地址及其他参数详情
![](https://img-blog.csdnimg.cn/img_convert/a3981552589775c83bbdade1735efeda.png)
![](https://img-blog.csdnimg.cn/img_convert/7e652e2d63526b7528eb643c84a7611f.png)
![](https://img-blog.csdnimg.cn/img_convert/c3da590fbe8f4f668e632c7e830155cb.png)
问题11:mapboxgl开发,发布的瓦片地图与同坐标系下的天地图坐标不吻合---火星坐标系
![](https://img-blog.csdnimg.cn/img_convert/7bef6bd431fc4aa2c7b8073f0d4a2584.png)
问题12:Cesium开发,天地图请求不到---天地图矢量图层接口已经更新,文档暂时未同步
报错->接口使用的 url: " http://t0.tianditu.com/DataServer",无法显示矢量地图
![](https://img-blog.csdnimg.cn/img_convert/e2a4365ee7fbb7ac93aa97957cf1335f.png)
![](https://img-blog.csdnimg.cn/img_convert/36e92764ab7db304556e3d4613b00c8c.png)
天地图文档-> 点击跳转
![](https://img-blog.csdnimg.cn/img_convert/d40662913ace2d4ffa676e4ceff9c9b5.png)
解决
// 瓦片
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,
});
![](https://img-blog.csdnimg.cn/img_convert/19be3dffbe680e538325e537b11fce30.png)
问题13:Cesium开发,KMZ数据加载失败---换成本地库
内网库直接引用缺少一个worker construct,应该是我权限不够
<script src="" target="_blank">http://192.168.82.89:8086/static/libs/cdn/cesium/Cesium.js"></script>
![](https://img-blog.csdnimg.cn/img_convert/660bf0e2544663c0bd41ba7cd81964a0.png)
换成本地库即可
<script src="../dist/cdn/cesium/Cesium.js"></script>
![](https://img-blog.csdnimg.cn/img_convert/fbd9819c55cd55994b95ea0d7371a447.png)
问题14:Cesium开发,调用cesium引擎加载自己发布的M3D模型失败---用java端的IGServer发布才能显示和调用成功
![](https://img-blog.csdnimg.cn/img_convert/af85aa1df5abed3e1cab08a2786a4a5d.png)
![](https://img-blog.csdnimg.cn/img_convert/2574c497822f7ea8f8c44f61562271b9.png)
![](https://img-blog.csdnimg.cn/img_convert/17110642d186d237ffa4a138382ccb33.png)
问题15:Cesium开发,Cesium有三种场景模式:2D、2.5D哥伦布模式、3D,分别代表什么意思
官方说明:
![](https://img-blog.csdnimg.cn/img_convert/0d061d27d9a9ae6d3fcbc4920810c72a.png)
个人理解:
2D模式下,鼠标右键拖动并不能改变视角,始终是正交投影像下查看;
![](https://img-blog.csdnimg.cn/img_convert/7c66eb672087f83c24b1136da29581d2.png)
2.5D哥伦布模式下,鼠标右键可以拖动改变视角。
![](https://img-blog.csdnimg.cn/img_convert/3ec3c8ea873464a2d453552d4cde2e70.png)
问题16:Cesium开发,部分接口代码在Cesium文档搜寻不到---为小伙伴集成,去此文档查询
导出图片方法ReImg
![](https://img-blog.csdnimg.cn/img_convert/a74e397e99db5fab1e735f71d755034a.png)
在中地集成的文档内可查询到
![](https://img-blog.csdnimg.cn/img_convert/40af253f9ada74d4535f67c9984a3487.png)
类似的还有长度测量工具MeasureLengthTool
![](https://img-blog.csdnimg.cn/img_convert/9f1a883af258aed746f5e1d63da460b7.png)
问题17:Cesium开发,标绘示例-墙,文档代码错误---已修改
圈出来的部分应该改为
<button οnclick="startDrawing()" type="button" class="layui-btn layui-btn-normal graphic-button-margin">开始绘制</button>
![](https://img-blog.csdnimg.cn/img_convert/7d38412cef311203281c33daca2b0d33.png)
问题18:Cesium开发,符号库示例复现出现跨域请求错误
![](https://img-blog.csdnimg.cn/img_convert/5638b02bd889f1a8d7a8a9c291a05082.png)
调试发现,问题出现在json文件上,将json文件复制一份到本地再引用
![](https://img-blog.csdnimg.cn/img_convert/38cb6dafd708f33218981afef9af6fc1.png)
![](https://img-blog.csdnimg.cn/img_convert/6a898b528180dd91af33044f7f7a990a.png)
成功显示左侧符号库
![](https://img-blog.csdnimg.cn/img_convert/f522d40893faa32f8e71b15e835d86c3.png)
但是绘制还是无法实现,提示错误
![](https://img-blog.csdnimg.cn/img_convert/2ed900e4a89532c88479ab23a63ad848.png)
问题19:Mapboxgl开发,示例数据无法访问---内网版本数据的网址develop.smaryun.com->webclient.smaryun.com
服务地址已经更改,文档未更新
![](https://img-blog.csdnimg.cn/img_convert/54f277d7e34e340654c44afd51d16da4.png)
总结
1.问题1-4
类似于这种引入方式为什么会成功,是因为zongdi小伙伴已经封装在了源码里
![](https://img-blog.csdnimg.cn/img_convert/7386a2a804b9eca8837258d186650dac.png)
![](https://img-blog.csdnimg.cn/img_convert/fb31c4d7df335e5a69a3023c5f9df511.png)
类似的还有 window.webClient里解构出配置项,实际也预先定义在 引入的js文件内
![](https://img-blog.csdnimg.cn/img_convert/3f418ff5bf193fdb1fd9eec0604b1636.png)
![](https://img-blog.csdnimg.cn/img_convert/faa2a481932a4c830fbfef1249d31ca9.png)