Cesium离线地图MBTiles发布使用

晨风 2021-11-03 AM 1294℃ 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管理器的使用

Cesium离线地图MBTiles发布使用

评论啦~

栏目分类

标签云

Cesium离线地图MBTiles发布使用

 评论啦~

 栏目分类

标签云

评论啦~

栏目分类

标签云