01从mars3d到cesium

最新推荐文章于 2024-05-08 13:51:50 发布

mianmianwu

最新推荐文章于 2024-05-08 13:51:50 发布

阅读量808

点赞数

分类专栏： vue app Mars3d 文章标签： javascript html servlet

本文链接：https://blog.csdn.net/m0_69803146/article/details/129176040

版权

Mars3d 同时被 3 个专栏收录

156 篇文章 16 订阅

订阅专栏

vue

152 篇文章 2 订阅

订阅专栏

app

135 篇文章 0 订阅

订阅专栏

困境：目前基于mars3d已经做了很多项目，但是gis方面的问题总是需要在大佬的帮助和引导下去解决，编码过程是需要自身对各个环节都了然于胸才能编写出合理高效可维护的代码，所以gis方面知识的欠缺就比较影响工作实施的效率和质量。

通常来讲，项目开发中需要用到一个新的技术，并且对其没有使用经验和知识储备时，开发者们一般都会先选取一个成熟的应用级的解决方案，便于快速完成开发任务。这样做的好处是，一般这种库的作者都拥有丰富的相关经验，和一套成熟的此类应用的开发思路。我们使用时就避免了过多的踩坑试错。但同时由于框架的高度封装就无法避免的创造一些新的概念，或者掩盖了一些底层的设计。当对技术深度有一定要求时，再回头去了解底层框架的知识，也是一个很好的学习思路。所以从今天开始我将在原有mars3d的基础上，进一步的从0开始来学习底层框架cesium。

目标：本次学习过程的目标不仅仅是对cesium的API进行了解，而是通过这个机会将整个webgis项目开发的体系进行一次梳理，在webgis项目中会遇到的问题都会进行一些探究，并记录下自己觉得难懂或者重点的环节。现在就从一个简单的demo开始，来开启从mars3d到cesium的学习之路。

资源下载：访问cesium.com/downloads/，点击 DOWNLOAD 下载即可，本次下载的版本为1.99。下载完成直接解压到 lib目录下。然后再根目录新建 index.html文件。并声称文档结构。在文档头部引入Cesium.js和 widget.css两个文件。

<!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>start-01</title>
    <script src="./lib/Cesium-1.99/Build/Cesium/Cesium.js"></script>
    <link
      rel="stylesheet"
      href="./lib/Cesium-1.99/Build/Cesium/Widgets/widgets.css"
    />
</head>
<body>
    <div id="cesiumContainer"></div>
</body>
</html>