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

CarlBenjamin 發布于2019-08-23 13:52 / 2608人閱讀

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

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

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

        self.pointers[item].setLabel({
            //label默認藍框白底左上角顯示，樣式className為：amap-marker-label
          offset: new AMap.Pixel(25, 5), //右側
          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云服務器云服務器 js函數添加點擊事件高德地圖高德地圖大數據高德地圖android

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/99694.html

PokemonGo：LBS游戲開發

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

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

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

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

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

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

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

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

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

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