vue openlayers學習 推薦閱讀

2021-09-12 11:10:11 字數 1423 閱讀 9579

使用最新的vue-cli3.x

1、安裝vue-cli3.0.1:

cnpm install -g @vue/cli
vue -v 檢視版本

2、新建專案vue create vue-openlayers,並選擇default模版(經實踐最好用cmd裡面上下箭頭選擇自己配置,見另外一篇文章)

3、執行

cd vue-openlayers

npm run serve

4、用vscode開啟專案,開啟終端,安裝openlayers

openlayers官網:

cnpm i -s ol
刪除掉helloworld.vue

新建 olmap.vue元件 (vscode編輯器下可以安裝vetur和 vue vscode snippets兩外掛程式方便**提示及寫vue**-vbase命令)

components/olmap.vue

5、執行npm run serve

image.png

6、將一些資訊放置到配置檔案中,src目錄下新建config資料夾,建mapconfig.js

src/components/olmap.vue作相應的更改

vue openlayers 環境搭建(二)

1 vue腳手架環境搭建成功後,執行cnpm i s ol 安裝ol環境,執行成功後node modules下會有ol資料夾。2 新建ol元件並引入ol指令碼。import node modules ol ol.css import from node modules ol proj import ...

學習學習再學習

如果乙個技能足夠複雜 比如從零學程式設計 那就不要指望讀完一本書就可以打天下。多買幾本書同類的書 因為每個作者的出發點是不一樣的,哪怕對同乙個概念都有不同的解釋說明。理解知識的重要過程之一就如牛的反芻一樣,要嚼一遍 嚥下去 再吐出來 再嚼一遍 再嚥下去 所以,既然一本書可以讀幾遍,那麼同一話題多應該...

學習 學習 再學習

原本要使用vs2005開發乙個b s專案的,沒有想到只能先暫時停停了,居然跟不上技術的發展了,呵呵,一直使用delphi delphi也沒能跟上 沒有想到轉到vs2005上竟然有這麼多要學的東西,當然目的是了做乙個好的系統。最近一直在學習asp.net ajax,雖然專案停了,但是我覺得值得,有很多...