cesium学习笔记-添加高德地图

424 阅读1分钟

cesium如何添加一个高德地图

在cesium中,Viewer方法参数中有一个imageryProvider的参数,就是设置地图底图的方法; 如果想在底图上添加一个路网和地名,就需要用到imageLayer方法,然后通过viewer.imageryLayers.add添加覆盖上去

需要注意的是:底图要在一开始就添加,后面添加的会覆盖到之前的图层上面,如果先添加的路网地名,地图则会把路网地名覆盖掉

var viewer = new Cesium.Viewer("cesiumcontainer", {
            //搜索框
            geocoder: false,
            //home键
            homeButton: false,
            // 动画控件
            animation: false,
            //全屏按钮
            fullscreenButton: false,
            //场景模式选择器
            sceneModePicker: false,
            //时间轴
            timeline: false,
            //导航提示
            navigationHelpButton: false,
            //地图选择器
            baseLayerPicker: false,
            imageryProvider: new Cesium.UrlTemplateImageryProvider({
                url: " http://webst01.is.autonavi.com/appmaptile?style=6&x={x}&y={y}&z={z}",
                minimumLevel: 1,
                maximumLevel: 18
            }),
        })
     
      var imaglyser=  new Cesium.ImageryLayer(new Cesium.UrlTemplateImageryProvider({
                url:" http://webst01.is.autonavi.com/appmaptile?style=8&x={x}&y={y}&z={z}", 
                minimumLevel: 1,
                maximumLevel: 18
            }));
       viewer.imageryLayers.add(imaglyser);