<!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>
高德地图、天地图、超图地形图代码
最新推荐文章于 2024-08-28 15:48:30 发布