高德地图、天地图、超图地形图代码

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_28459505/article/details/80076871
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <title>高德地图、天地图、超图地形图</title>
    <script type="text/javascript" src="https://res1.pppeixun.com/cesium144/Cesium.js"></script>
    <link rel="stylesheet" href="https://res1.pppeixun.com/cesium144/Widgets/widgets.css" type="text/css" />
    <style type="text/css">
    html,
    body,
    #map3d {
        width: 100%;
        height: 100%;
        margin: 0px;
    }

    </style>
</head>

<body>
    <div id="map3d">
    </div>
    <script type="text/javascript">
    var viewer = new Cesium.Viewer('map3d', {
        baseLayerPicker: false,
        geocoder: false,
        homeButton: false,
        timeline: false,
        navigationHelpButton: false,
        animation: false,
        sceneModePicker: false,
        selectionIndicator: false 
    });

viewer.imageryLayers.removeAll();

  
var tianditu01 = new Cesium.ImageryLayer(new Cesium.UrlTemplateImageryProvider({
    url: 'http://www.google.cn/maps/vt?lyrs=s@716&x={x}&y={y}&z={z}',
    tilingScheme: new Cesium.WebMercatorTilingScheme(),
    minimumLevel: 1, 
    maximumLevel: 20,
    credit: 'http://www.bjxbsj.cn',
}), {
    show: true
});
//viewer.imageryLayers.add(tianditu01);

var gaode = new Cesium.ImageryLayer(new Cesium.UrlTemplateImageryProvider({
    url: 'http://webrd04.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=8&x={x}&y={y}&z={z}',
    tilingScheme: new Cesium.WebMercatorTilingScheme(),
    minimumLevel: 1, 
    maximumLevel: 20,
    credit: 'http://www.bjxbsj.cn',
}), {
    show: true
});

viewer.imageryLayers.add(gaode);

var terrainLayer = new Cesium.CesiumTerrainProvider({
url: "https://www.supermapol.com/iserver/services/3D-stk_terrain/rest/realspace/datas/info/data/path/"
});
//viewer.terrainProvider = terrainLayer;

  
//viewer.extend(Cesium.viewerCesium3DTilesInspectorMixin);

//viewer.cesium3DTilesInspector.viewModel.picking = false;
   
   
   </script>
</body>

</html>

猜你喜欢

转载自blog.csdn.net/qq_28459505/article/details/80076871