fix(map): 修复高德地图h5移动端control点击触发map点击

src/platforms/h5/view/components/map/index.vue

@@ -229,6 +229,10 @@ export default {
   methods: {
     handleAMapClick (e) {
       if (IS_AMAP) {
+        // The mobile terminal prevent not map click event trigger map click
+        if (e.target.nodeName !== 'CANVAS') {
+          return
+        }
         const { pageX, pageY } = e.changedTouches[0]
         this.$trigger('click', { x: pageX, y: pageY }, {})
         this.$trigger('tap', { x: pageX, y: pageY }, {})
@@ -611,6 +615,7 @@ export default {
         style.height = 0
         style.top = 0
         style.left = 0
+        style.zIndex = 999
         img.onload = () => {
           if (option.position.width) {
             img.width = option.position.width

src/platforms/h5/view/components/map/map-marker.js

@@ -127,8 +127,10 @@ export default {
             longitude
           })
         }
-
-        event.stopPropagation()
+        // 避开高德地图bug: pc端 stopPropagation 无效且地图随鼠标移动
+        if (event !== e.originEvent) {
+          event.stopPropagation()
+        }
       })
       // 处理 google H5移动端 maker 点击触发 map 点击问题
       maps.event.addListener(marker, 'mousedown', (e) => {
@@ -288,7 +290,6 @@ export default {
                     markerId: Number(self.idString)
                   })
                 }
-                $event.stopPropagation()
               }
               callout = marker.callout = new maps.Callout(calloutStyle, callback, this)
             } else {