如何利用Cesium制作互联网地图？

利用百度地图，实现在三维场景中加载百度地图，具体类型包括矢量地图和影像地图等。效果如下图所示：

实现步骤：

1. 引用开发库：     

引用 local 本地【include-cesium-local.js】开发库，完成此步骤后才可调用三维 WebGL 的功能；

2. 创建布局：

创建id='GlobeView'的 div 作为三维视图的容器，并设置其样式；

3. 构造三维场景控件：

实例化Cesium.WebSceneControl对象，完成此步骤后可在三维场景中加载三维球控件；

Example:

 //构造三维视图对象（视图容器div的id，三维视图设置参数）
 var webGlobe = new Cesium.WebSceneControl('GlobeView', {})

4. 加载数据:

创建第三方数据图层类CesiumZondy.Layer.ThirdPartyLayer的对象，调用appendBaiduMap()方法，配置不同参数可加载不同类型地图，包括：瓦片（ptype:‘tile’）、卫星（ptype:‘sate’）和交通地图（ptype:‘traffic’）。

· Example:

//构造第三方图层对象
 var thirdPartyLayer = new CesiumZondy.Layer.ThirdPartyLayer({
    viewer: webGlobe.viewer,
 })
 //添加百度地图
 var baiduLayer = thirdPartyLayer.appendBaiduMap({
 //地图类型：瓦片：'tile'、卫星：'sate'、交通地图：'traffic'
    ptype: 'tile',
 })

关键接口

1.【三维场景控件类】Cesium.WebSceneControl(elementId, options)

参数名

类 型