VUE ICLIENT MAPBOXGL學習筆記

2021-10-09 15:33:45 字數 1520 閱讀 1854

vue-iclient-mapboxgl學習筆記

標籤: supermap iclient for mapboxgl vue vue vue-iclient-mapboxgl

使用 supermap iclient 元件庫,可像搭積木一樣快速的建立自定義的 webgis 應用。其中 vue-iclient-mapboxgl 即是使用 vue 封裝的元件庫,本文將說明下如何快速使用 vue-iclient-mapboxgl。

1、首先需要搭建 vue 專案,參見

2、應用 vue-iclient-mapboxgl

(1)安裝 vue-iclient-mapboxgl 依賴

在終端輸入 npm install @supermap/vue-iclient-mapboxgl,即可完成安裝;

(2)引入 vue-iclient-mapboxgl

在 main.js 中檔案頭新增以下內容:import vueiclient from 『@supermap/vue-iclient-mapboxgl』;

(3)使用元件-路線查詢元件和地圖切換元件

首先新建乙個元件,可以命名為 helloroutetianditu.vue。其中地圖切換的標籤為:

路線查詢標籤如下:

helloroutetianditu.vue 內容如下:

(4)在 router/index.js 裡面檔案頭加入如下內容:

import helloroutetianditu from 『@/components/helloroutetianditu』

整個檔案如下:

import

vuefrom

'vue'

import

router

from

'vue-router'

import

helloworld

from

'@/components/helloworld'

import

helloroutetianditu

from

'@/components/helloroutetianditu'

vue.

use(

router

)export

default

newrouter(,]})

(5)執行整個專案

直接在終端輸入:npm run dev,然後再瀏覽器中輸入: http://localhost:8080/#/helloroutetianditu

執行結果如下:

C Primer Chapter One學習筆記

筆記 1.流 從io裝置上讀入或寫出的字串行,用來說明字元隨時間順序生成或消耗。2.輸入輸出符可連用原因 operator 或operator 返回stream物件。3.要測試程式那個語句出錯,使用cout 4.新建乙個內建型別,如int i 0 最好先初始化,不然用到的時候沒初始化會產生奇怪的錯誤...

BroadcastReceiver學習筆記

需要注意 的是,不要在 onreceive 方法中新增過多的邏輯或者進行任何的耗時操作,因為在廣播接收 器中是不允許開啟執行緒的,當 onreceive 方法執行了較長時間而沒有結束時,程式就會報錯。有序broadcast,sendorderedbroadcast intent,null abort...

CDISC SDTM SE domain 學習筆記

整理翻譯自 sdtm ig 3.2 www.cdisc.org sdtm se subject elements 鞏固每個subject的epochs和elements的起止時間點.se對於有多個 時期的試驗有著重要的用處 如crossover試驗 se包含乙個subject從乙個element進入...