1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > Cesium + Vue 加载天地图服务(二)

Cesium + Vue 加载天地图服务(二)

时间:2019-02-07 06:22:59

相关推荐

Cesium + Vue 加载天地图服务(二)

1. 注册天地图

更多服务访问:http://lbs./server/MapService.html

2. 确定服务类型

http://t0./img_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=img&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TILEMATRIX={z}&TILEROW={x}&TILECOL={y}&tk=您的密钥

官网给出的调用地图瓦片的示例如上,注意:layer后面的一定要和服务类型对应起来!

3. Cesium使用底图

//矢量底图var Cesium = this.Cesium;var cesiumContainer = document.getElementById("cesiumContainer");var viewer = new Cesium.Viewer("cesiumContainer",{imageryProvider: new Cesium.WebMapTileServiceImageryProvider({url: "/vec_w/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=vec&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default&format=tiles&tk=ebf64362215c081f8317203220f133eb",layer: "tdtBasicLayer",style: "default",format: "tiles",tileMatrixSetID: "GoogleMapsCompatible",show: true,maximumLevel: 18})});

4. Cesium加载多个图层

//中文地名注记viewer.imageryLayers.addImageryProvider(new Cesium.WebMapTileServiceImageryProvider({url: "/cia_w/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=cia&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default.jpg&tk=d6a72a78a43a2c17294b72ab26354cd6",layer: "tdtAnnoLayer",style: "default",format: "tiles",tileMatrixSetID: "GoogleMapsCompatible",show: true}));} }

5. 示例展示

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。