cesium添加腾讯在线地图

在线地图"/>

cesium添加腾讯在线地图

文章目录

• • 1.实现效果
  • 2.实现方法

1.实现效果

2.实现方法

使用UrlTemplateImageryProvider方法加载腾讯地图，具体代码如下，包含了影像底图、矢量图、注记图、黑色风格等在线地图地址。

// 添加腾讯在线地图
this.viewer.imageryLayers.addImageryProvider(new Cesium.UrlTemplateImageryProvider({// 影像图url: "/{z}/{sx}/{sy}/{x}_{reverseY}.jpg?version=400",customTags: {sx: function(imageryProvider, x, y, level) {return x >> 4;},sy: function(imageryProvider, x, y, level) {return ((1 << level) - y) >> 4}}// 矢量图// url: "={z}&x={x}&y={reverseY}&styleid=1&version=297",// 黑色风格// url: "={z}&x={x}&y={reverseY}&styleid=4&scene=0",// 注记图1// url: "={z}&x={x}&y={reverseY}&styleid=3&scene=0",// 注记图2// url: "={z}&x={x}&y={reverseY}&styleid=2&version=297",
}))