Cesium三维开发笔记(一、加载三维地球)

本文介绍了Cesium作为三维地图开发包的使用,讲解了如何搭建系统,加载三维地球,并在地图上创建长方体。通过模块化代码组织,提高代码可维护性。详细步骤包括:引入Cesium库、地图初始化、添加控件及实现地图接口,最终展示了一个简单的三维场景。
摘要由CSDN通过智能技术生成

目前WebGIS的方向逐渐在从二维地球像三维地球转变,作为一个GISer,三维开发技术也是必须要掌握的一门技术了,Cesium是一个开源的三维地图开发包,是目前市面上用的非常多的一个包,接下来我们就一起学习如何使用Cesium进行三维GIS的开发,本章要讲的就是如何最简单的把Cesium三维地球加载出来!

一、系统搭建

系统整体结构如下图所示:

先来给大家解释一下我为什么分了这么多层结构。我们在开发过程中一直强组件化、模块化,这里我们虽然是用原生的js来写的,但是我们也要注重代码的条理性、模块性。我们把GIS相关地图接口放到interface和mapInit这两个js文件里面去写,interface.js文件主要写我们的地图相关接口方法,mapInit.js文件主要写我们的地图初始化相关接口方法。这样开发的好处就是我们的GIS相关代码和我们的前端界面代码分离的比较好,代码的可维护性很强!这里我把我的Cesium包放一个百度云链接吧,需要的同学可以自行去下载:链接:https://pan.baidu.com/s/1NDQYFsuMTiIaTYXKvE9W4w 
提取码:d1wl

二、index.html文件代码:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>cesium</title>
    	<scrip
  • 3
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值