vue中使用Cesium——第一个Cesium页面

vue中使用Cesium——第一个Cesium页面

一 前言

市面上的前端框架中，Vue+Cesium 可谓是最佳搭档，一般做 Cesium B 端产品的公司都会使用 Vue，所以后续内容都将基于 Vue。想要在Vue中使用Cesium，我推荐使用 vue-cli-plugin-cesium，原因就是配置简单。具体的安装过程可以点击链接查看。

二 初始化

安装完vue-cli-plugin-cesium插件后，我们就可以写自己的cesium页面了。 首先定义一个div，id为cesiumContainer

<div id="cesiumContainer" class="cesium-container"></div>

定义初始化方法

init(){
  //此处不想使用默认的谷歌地图影像，所以使用此url指定ArcGIS的在线影像地图
  let url="http://services.arcgisonline.com/Ar