当前位置：网站首页>Cesium-1.72 learning (China national boundary)

Cesium-1.72 learning (China national boundary)

2022-06-30 17:10:00 【Eternal wolf tooth】 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title> Quick start   Boundary line of China </title>
    <link rel="stylesheet" href="/Cesium-1.72/Build/Cesium/Widgets/widgets.css">
    <script src="/Cesium-1.72/Build/Cesium/Cesium.js"></script>
</head>
<body>
<div style="width:1500px;height:700px;">
    <div id="cesiumContainer" style="width:100%;height:100%;"></div>
</div>
</body>
</html>
<script> Cesium.Ion.defaultAccessToken = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiIxMTdmMTdmNS00NzZhLTQwOGMtODQwYy1kZjAyMzNiOTg0ZTYiLCJpZCI6MzMwMjQsInNjb3BlcyI6WyJhc3IiLCJnYyJdLCJpYXQiOjE1OTc4OTE3ODl9.yqF540oYBpSme38SIPKUP4t14FA6hXCLFHnvOqPf_Fw'; var viewer = new Cesium.Viewer('cesiumContainer', {
      geocoder:false, // A geographic location search tool , Used to display the geographic location accessed by the camera . The default is Microsoft Bing Map . homeButton:true, // Home page location , Click to jump to the default view . sceneModePicker:true, // Switch 2D、3D  and  Columbus View (CV)  Pattern . baseLayerPicker:false, // Select the base map of 3D digital earth （imagery and terrain）. navigationHelpButton:true, // Help tips , How to operate digital earth . animation:false,// Control the playback speed of window animation . creditsDisplay:false, // Display trademark copyright and data sources . timeline:false, // Show the current time and allow the user to drag to any specified time on the progress bar . fullscreenButton:true, // Check the full screen button , terrainProvider: Cesium.createWorldTerrain()// terrain  }); viewer.scene.globe.enableLighting = true;// Enable the earth with the sun as the light source  //var datasource = viewer.dataSources.add(Cesium.GeoJsonDataSource.load("https://geo.datav.aliyun.com/areas_v2/bound/100000.json")); var datasource = viewer.dataSources.add(Cesium.GeoJsonDataSource.load("https://geo.datav.aliyun.com/areas_v2/bound/100000_full.json")); viewer.zoomTo(datasource); </script>

Insert picture description here
Get from this site josn：http://datav.aliyun.com/tools/atlas
Insert picture description here
Case code ：https://github.com/zhangxuhui1992/cesium

原网站

版权声明
本文为[Eternal wolf tooth]所创，转载请带上原文链接，感谢
https://yzsam.com/2022/02/202202160502158255.html

边栏推荐

猜你喜欢

随机推荐