解決高德地圖label添加的點擊事件在移動端無效

CarlBenjamin 發(fā)布于2019-08-23 13:52 / 2624人閱讀

摘要：解決高德地圖添加的點擊事件在移動端無效近日工作中需要用到高德地圖在端和移動端同時適配的需求，在端擼代碼和調(diào)試一切順利，但是在將項目在平板中測試時，發(fā)現(xiàn)綁定在中的事件無法觸發(fā)通過各種調(diào)試發(fā)現(xiàn)應(yīng)該是高德在移動端的上屏蔽了事件原代碼如下默認(rèn)藍(lán)框白

解決高德地圖label添加的點擊事件在移動端無效

近日工作中需要用到高德地圖在PC端和移動端同時適配的需求，在PC端擼代碼和調(diào)試一切順利，但是在將項目在平板中測試
時，發(fā)現(xiàn)綁定在label中的click事件無法觸發(fā)；通過各種調(diào)試發(fā)現(xiàn)應(yīng)該是高德在移動端的marker上屏蔽了click事件；
原代碼如下：

        self.pointers[item].setLabel({
            //label默認(rèn)藍(lán)框白底左上角顯示，樣式className為：amap-marker-label
          offset: new AMap.Pixel(25, 5), //右側(cè)
          zIndex: 99,
          content:
            "" +
            self.allData.filter(b => b.seqno == item)[0].shortTitle +
            ""
        });

解決方案：手動給label添加touchstart事件

        let btn = document.getElementById("label-" + item);
        btn.addEventListener(
          "touchstart",
          function(event) {
            self.$router.push({
              path: "/screenProject",
              query: { seqno: item }
            });
          },
          false
        );

特此記錄一下踩坑過程！

GPU云服務(wù)器云服務(wù)器 js函數(shù)添加點擊事件高德地圖高德地圖大數(shù)據(jù) 高德地圖android

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/99694.html

相關(guān)文章

PokemonGo：LBS游戲開發(fā)

摘要：優(yōu)化后的方案降低了捕捉門檻，也鼓勵用戶走動去發(fā)現(xiàn)和捕捉更多精靈。寫在前面去吧！皮卡丘！小時候擁有一臺任天堂是多少熊孩子的夢想，每個夜晚被窩里透出的微弱光線，把小小的童年帶入另一個世界，家門口的鳥和狗，森林里的蟲和瀑布，山洞里的超音蝠，帶著小小的夢，走過一個個城市，一路冒險，飛天潛水，攀瀑碎巖，所向披靡。每個醒來的清晨，都恍如出門冒險的那天~ 要做什么基于開放地圖二次開發(fā)，完成簡易...

daydream 2019-08-22 10:53 評論0 收藏0
PokemonGo：LBS游戲開發(fā)

摘要：優(yōu)化后的方案降低了捕捉門檻，也鼓勵用戶走動去發(fā)現(xiàn)和捕捉更多精靈。寫在前面去吧！皮卡丘！小時候擁有一臺任天堂是多少熊孩子的夢想，每個夜晚被窩里透出的微弱光線，把小小的童年帶入另一個世界，家門口的鳥和狗，森林里的蟲和瀑布，山洞里的超音蝠，帶著小小的夢，走過一個個城市，一路冒險，飛天潛水，攀瀑碎巖，所向披靡。每個醒來的清晨，都恍如出門冒險的那天~ 要做什么基于開放地圖二次開發(fā)，完成簡易...

Michael_Lin 2019-08-01 17:26 評論0 收藏0
PokemonGo：LBS游戲開發(fā)

摘要：優(yōu)化后的方案降低了捕捉門檻，也鼓勵用戶走動去發(fā)現(xiàn)和捕捉更多精靈。寫在前面去吧！皮卡丘！小時候擁有一臺任天堂是多少熊孩子的夢想，每個夜晚被窩里透出的微弱光線，把小小的童年帶入另一個世界，家門口的鳥和狗，森林里的蟲和瀑布，山洞里的超音蝠，帶著小小的夢，走過一個個城市，一路冒險，飛天潛水，攀瀑碎巖，所向披靡。每個醒來的清晨，都恍如出門冒險的那天~ 要做什么基于開放地圖二次開發(fā)，完成簡易...

ziwenxie 2019-08-29 13:09 評論0 收藏0
用Vue3管理后臺項目實現(xiàn)高德地圖的選點

　　現(xiàn)在客戶來了一個項目簡況：有一個業(yè)務(wù)場景是添加門店的地址和經(jīng)緯度，地址可以輸入，參考用經(jīng)緯度當(dāng)然不行，目前有最好方式就是讓用戶在地圖上搜索或者直接點擊獲取點的經(jīng)緯度等詳細(xì)信息。現(xiàn)在我們就看具體的內(nèi)容。　　登錄高德開放平臺　　創(chuàng)建應(yīng)用，添加Key，選擇Web端(JS API)，生成Key和安全密鑰　　引入地圖 JSAPI　　項目中使用了官方推薦的 JSAPILoader 來加載地圖　　安裝官方 ...

3403771864 2022-10-26 22:57 評論0 收藏0
高德地圖 Javascript API 入門（四）

摘要：高德地圖入門四地圖覆蓋物覆蓋物類名說明是否插件點標(biāo)記否覆蓋物點標(biāo)記復(fù)雜點標(biāo)記對象，對普通點標(biāo)記的擴(kuò)展否覆蓋物折線否覆蓋物多邊形否覆蓋物圓否圖片覆蓋物否地圖右鍵菜單否點標(biāo)記預(yù)覽自定義點標(biāo)記預(yù)覽多邊形預(yù)覽右鍵菜單添加右鍵菜單內(nèi)容項放大縮小添加高德地圖 Javascript API 入門（四）地圖覆蓋物覆蓋物類名說明是否插件 AMap.Marker 點標(biāo)記否 AM...

AlanKeene 2019-08-20 14:29 評論0 收藏0