真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

Vue單頁面組件mapboxgl怎么用

這篇文章給大家分享的是有關(guān)Vue單頁面組件mapbox gl怎么用  的內(nèi)容。小編覺得挺實用的,因此分享給大家做個參考,一起跟隨小編過來看看吧。

創(chuàng)新互聯(lián)建站是專業(yè)的高昌網(wǎng)站建設(shè)公司,高昌接單;提供網(wǎng)站設(shè)計制作、網(wǎng)站設(shè)計,網(wǎng)頁設(shè)計,網(wǎng)站設(shè)計,建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進行高昌網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團隊,希望更多企業(yè)前來合作!

使用Vue開發(fā)地圖的時候,鑒于也不熟悉Vue,就將mapbox gl以單頁面的形式做成了組件,共享map實例進行地圖操作開發(fā)。
具體的實現(xiàn)如下:  
安裝mapbox gl 類庫:通過npm install mapbox-gl --save安裝類庫,或者國內(nèi)的cnpm也可以。
新建Vue的模版頁:div承載mapbox gl地圖  

通過腳本代碼添加mapbox的對象:需要在mounted里,進行mapbox gl的初始化,container屬性,通過ref指向div。