晨风のblog
首页
栏目分类
默认分类
Cesium
Vue
C#
Linux
Docker
Revit
Neo4j
Cypher
Nginx
归档
关于
归档
关于
首页
Cesium
正文
Cesium离线地图MBTiles发布使用
晨风
2021-11-03 AM
1119℃
0条
mbtiles-server GitHub地址:https://github.com/DenisCarriere/mbtiles-server - npm安装mbtiles-server ```bash npm install -g mbtiles-server ``` - 使用 ```bash mbtiles-server --cache D:/MbTiles --verbose --port 3000 ``` --cache 后参数为mbtiles离线文件包目录路径 - Cesium中使用 ```javascript var imgMap = new Cesium.UrlTemplateImageryProvider({ url:"http://localhost:30000/<离线包名>/{z}/{x}/{y}", subdomains: subdomains, tilingScheme : new Cesium.WebMercatorTilingScheme(), maximumLevel : 18 }); viewer.imageryLayers.addImageryProvider(imgMap); ``` ```javascript var imgMap = new Cesium.WebMapTileServiceImageryProvider({ url : 'http://127.0.0.1:3000/离线包名/WMTS', layer : '离线包名', style : '', format : 'image/png', tileMatrixSetID:'EPSG:3857' //一般使用EPSG:3857坐标系 }); viewer.imageryLayers.addImageryProvider(imgMap); ``` ```javascript //在BIMFace中使用 let mapConfig = new Glodon.Bimface.Plugins.TileMap.MapConfig(); mapConfig.viewer = viewer3D; // 设置模型载入的基点 mapConfig.basePoint = { "x": 0, "y": 0 }; mapConfig.modelPosition = [121, 31]; mapConfig.modelRotationZ = 0 * Math.PI / 180; // 设置模型零零标高对应的高程值,单位为米 mapConfig.modelAltitude = 3.0; // 构造地图对象 var map = new Glodon.Bimface.Plugins.TileMap.Map(mapConfig); map.setMapSource({ url: http://127.0.0.1:3000/离线包名/WMTS, provider: 'WMTS', credit: Glodon.Bimface.Common.Credit.Amap, parameters:{ format:'image/png', version:'1.0.0', tileMatrixSet:'default028mm', style:"default", layer:'离线包名' } }); ``` - 注意:node 版本不能太高,测试12.22.11 可以正常使用,windows下可以使用[nvm](https://github.com/coreybutler/nvm-windows "nvm") 管理不同的node版本
标签:
cesium
非特殊说明,本博所有文章均为博主原创。
如若转载,请注明出处:
http://blog.chenfengly.com/index.php/archives/20/
上一篇
CesiumLab导出路桥BIM模型时的材质设置
下一篇
NVM-Node管理器的使用
取消回复
评论啦~
提交评论
栏目分类
默认分类
5
Cesium
5
Vue
1
C#
3
Linux
4
Docker
2
Revit
1
Neo4j
0
Cypher
1
Nginx
1
标签云
neo4j
elementui
SqlServer
cesium
C#
cypher
node
vue
tree