Maptalks 項目是一個 HTML5 的地圖引擎, 基于原生 ES6 Javascript 開發(fā)： - 二三維一體化地圖, 通過二維地圖的旋轉 /傾斜增加三維視角 - 插件化設計, 能與其他圖形庫結合, 開發(fā)各種二三維效果, 例如 echarts/d3/THREE 等 - 很認真的優(yōu)化了繪制性能 - 很重視測試, 有接近 1.5K 個單元測試用例, 所以穩(wěn)定性還不錯, 已經應用在很多大大小小的系統上了

創(chuàng)新互聯建站是一家專注于網站建設、成都網站建設與策劃設計,安寧網站建設哪家好?創(chuàng)新互聯建站做網站,專注于網站建設十年,網設計領域的專業(yè)建站公司;建站業(yè)務涵蓋:安寧等地區(qū)。安寧做網站價格咨詢:028-86922220

上面是一段 maptalks 官方介紹，下面來創(chuàng)建工程。首先利用 vue-cli3 搭建一個 SPA 項目，然后寫一段 maptalks 的 HELLO WORLD。如果對 vue 項目的創(chuàng)建比較熟悉，可以跳過步驟一，直接看步驟二。

一、創(chuàng)建工程

vue create vue-maptalks

進入工程配置頁面

選擇 Manually select features

選擇 Babel、Router、Vuex、CSS Pre-processors、Linter / Formatter

輸入 n

選擇 sass/scss

選擇 ESLint + Airbnb config

選擇 Lint on save

選擇 In dedicated config files

輸入 y，保存本次設置為模版，下次創(chuàng)建項目直接選擇本次保留的模板。

輸入保存的模板名字，進入項目初始化構建，等待構建完成。

完成后，打開瀏覽，輸入 http://localhost:8080/

工程創(chuàng)建完成。

二、HELLO WORLD

安裝 maptalks

yarn add maptalks

刪除 src/App.vue，新建 App.vue，輸入如下代碼

效果如下：

總結

以上所述是小編給大家介紹的vue 地圖可視化 maptalks 篇實例代碼詳解,希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對創(chuàng)新互聯網站的支持！
如果你覺得本文對你有幫助，歡迎轉載，煩請注明出處，謝謝！