先对 Maptalks 简单介绍下,Maptalks 项目是一个 HTML5 的地图引擎, 基于原生 ES6 Javascript 开发:
- 二三维一体化地图, 通过二维地图的旋转 /倾斜增加三维视角
- 插件化设计, 能与其他图形库结合, 开发各种二三维效果, 例如 echarts/d3/THREE 等
- 很认真的优化了绘制性能
- 很重视测试, 有接近 1.5K 个单元测试用例, 所以稳定性还不错, 已经应用在很多大大小小的系统上了
下面来说下创建工程。首先利用 vue-cli3 搭建一个 SPA 项目,然后写一段 maptalks 的 hello world。我想大家都对 vue 项目的创建比较熟悉了,那步骤一就可以跳过了,直接上步骤二。
一、创建工程
vue create vue-maptalks
复制代码
- 进入工程配置页面
- 选择 Manually select features
- 选择 Babel、Router、Vuex、CSS Pre-processors、Linter / Formatter
- 输入 n
选择 sass/scss
选择 ESLint + Airbnb config
选择 Lint on save
选择