使用最新的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,雖然專案停了,但是我覺得值得,有很多...