new BMapGL 靈活運用

項目上搞了個百度地圖定位讹挎,給大家詳細說說免得踩坑玫镐;

new?BMapGL跟new?BMap 類似,前者多了個3D煤伟;

這里重點講兩點,也是很重要的兩點:

1.一定要在頁面關閉或路由跳轉(zhuǎn)的時候清除地圖,this.Map.destroy();便锨,建議地圖初始化后把地圖存在全局围辙,有利于后面在地圖上操作;

2.一定要在lazyBMapApiLoaderInstance.load()后初始化地圖保證地圖可以渲染出來放案,不然會有問題

好了上代碼;

首先這個地圖比較消耗渲染時間姚建,所以我們在進入頁面時優(yōu)先先把基本地圖樣式先渲染出來

import?{?lazyBMapApiLoaderInstance?}?from?"vue-bmap-gl";

在mounted里執(zhí)行下面方法,渲染地圖,防止出現(xiàn)未知的錯誤

lazyBMapApiLoaderInstance.load().then(()?=>?{

??????this.Map_init();

????});

初始化完成之后吱殉,在操作地圖時直接操作 this.Map就可以了掸冤;

// api鏈接?https://mapopen-pub-jsapi.bj.bcebos.com/jsapi/reference/jsapi_webgl_1_0.html#a0b0


function Map_init(){

??let?_this?=?this;

??????//?//?禁止地圖旋轉(zhuǎn)和傾斜

??????var?map?=?new?BMapGL.Map("container",?{

????????enableRotate:?false,

????????enableTilt:?false

??????});?//?創(chuàng)建地圖實例

??????map.centerAndZoom(

????????new?BMapGL.Point(_this.BMapGLPoint.lng,?_this.BMapGLPoint.lat),

????????12

??????);?//?初始化地圖,設置中心點坐標和地圖級別

??????this.Map?=?map;

??????map.setHeading(0);?//設置地圖旋轉(zhuǎn)角度

??????map.setTilt(40);

??????//?map.NavigationControl3DOptions(40);?//設置地圖的傾斜角度

??????map.setDefaultCursor("crosshair");?//設置地圖默認的鼠標指針樣式

??????map.disableDoubleClickZoom();?//禁用雙擊放大

??????map.disableDragging();?//禁用地圖拖拽

??????map.setDefaultCursor("default");

?????map.setTilt(40);?//地圖偏移后友雳,視角偏移40度

}稿湿;

?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市押赊,隨后出現(xiàn)的幾起案子饺藤,更是在濱河造成了極大的恐慌,老刑警劉巖考杉,帶你破解...
    沈念sama閱讀 219,039評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件策精,死亡現(xiàn)場離奇詭異舰始,居然都是意外死亡崇棠,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,426評論 3 395
  • 文/潘曉璐 我一進店門丸卷,熙熙樓的掌柜王于貴愁眉苦臉地迎上來枕稀,“玉大人,你說我怎么就攤上這事谜嫉∥溃” “怎么了?”我有些...
    開封第一講書人閱讀 165,417評論 0 356
  • 文/不壞的土叔 我叫張陵沐兰,是天一觀的道長哆档。 經(jīng)常有香客問我,道長住闯,這世上最難降的妖魔是什么瓜浸? 我笑而不...
    開封第一講書人閱讀 58,868評論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮比原,結(jié)果婚禮上插佛,老公的妹妹穿的比我還像新娘。我一直安慰自己量窘,他們只是感情好雇寇,可當我...
    茶點故事閱讀 67,892評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般锨侯。 火紅的嫁衣襯著肌膚如雪嫩海。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,692評論 1 305
  • 那天囚痴,我揣著相機與錄音出革,去河邊找鬼。 笑死渡讼,一個胖子當著我的面吹牛骂束,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播成箫,決...
    沈念sama閱讀 40,416評論 3 419
  • 文/蒼蘭香墨 我猛地睜開眼展箱,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了蹬昌?” 一聲冷哼從身側(cè)響起混驰,我...
    開封第一講書人閱讀 39,326評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎皂贩,沒想到半個月后栖榨,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,782評論 1 316
  • 正文 獨居荒郊野嶺守林人離奇死亡明刷,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,957評論 3 337
  • 正文 我和宋清朗相戀三年婴栽,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片辈末。...
    茶點故事閱讀 40,102評論 1 350
  • 序言:一個原本活蹦亂跳的男人離奇死亡愚争,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出挤聘,到底是詐尸還是另有隱情轰枝,我是刑警寧澤,帶...
    沈念sama閱讀 35,790評論 5 346
  • 正文 年R本政府宣布组去,位于F島的核電站鞍陨,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏从隆。R本人自食惡果不足惜诚撵,卻給世界環(huán)境...
    茶點故事閱讀 41,442評論 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望广料。 院中可真熱鬧砾脑,春花似錦、人聲如沸艾杏。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,996評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至畅铭,卻和暖如春氏淑,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背硕噩。 一陣腳步聲響...
    開封第一講書人閱讀 33,113評論 1 272
  • 我被黑心中介騙來泰國打工假残, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人炉擅。 一個月前我還...
    沈念sama閱讀 48,332評論 3 373
  • 正文 我出身青樓辉懒,卻偏偏與公主長得像,于是被迫代替她去往敵國和親谍失。 傳聞我的和親對象是個殘疾皇子眶俩,可洞房花燭夜當晚...
    茶點故事閱讀 45,044評論 2 355

推薦閱讀更多精彩內(nèi)容