Cesium是一个跨平台,跨浏览器的展示三维地球的地图的javascript库;使用WebGL来进行硬件加速图形,使用时不需要任何插件支持,但是浏览器必须支持WebGL;是基于Apach2.0许可的开源程序,他可以免费用于商业和非商业用途。 Cesium支持2D,2.5D,3D形式的地图展示,并可以在地图上绘制出各种几何图形,或者是3D建模的模型,也可以导入图片进行展示,并且对触摸设备有良好的支持,也就是可以在平板和手机上使用。不过使用之前要到官网申请一个token,免费的,类似百度地图的引用,下面可以先上代码,通过代码中的注释来说明用法:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<!-- Include the CesiumJS JavaScript and CSS files -->
<script src="https://cesium.com/downloads/cesiumjs/releases/1.100/Build/Cesium/Cesium.js"></script>
<link href="https://cesium.com/downloads/cesiumjs/releases/1.100/Build/Cesium/Widgets/widgets.css" rel="stylesheet">
<style>
html,body,#cesiumContainer{
width:100%;
height:100%;
padding:0;
margin:0;
}
</style>
</head>
<body>
<div id="cesiumContainer"></div>
<script>
// 首先得去网站申请一个token,地址: https://cesium.com/ion/tokens.
// 用自己的token 替代`token` .
Cesium.Ion.defaultAccessToken = 'token';
// 初始化一个id为 `cesiumContainer`的HTML元素作为我们的容器,
const viewer = new Cesium.Viewer('cesiumContainer');
</script>
</div>
</body>
</html>
效果图