高德地图，ios平台点击标注弹出气泡，气泡一闪而过和卡死

jetwong

高德地图，同样的代码云编译在Android下面是正常的。
但是iOS平台下，点击标注弹出气泡，如果页面只有一个标注，气泡能正常弹出，但是其他区域（包括顶部导航条）的按钮都不可用（貌似是透明层覆盖了其他操作区域），造成假死，卡在那里不能动弹；如果页面有多个标注，点击其中一个标注，弹出的气泡，一闪而过，大概一秒左右。
云编译后，在多款苹果手机上测试皆有这个问题，请解决。

技术咨询-F

提供一份可直接运行的测试代码，最好只包含模块接口，去掉业务逻辑。

jetwong

let myLocData=[lon:111.465465,lat:22.46488];
let tdata=[{cusName:"美食点",cusAddr:"XXSDS",cusDis:"200",cusLongi:111.465460,cusLati:22.46482},{cusName:"打码点",cusAddr:"KKKUXXSDS",cusDis:"300",cusLongi:111.46545823,cusLati:22.4648258}];
aMap.open({
    rect: {
        x: 0,
        y: 45,
        w: 320,
        h: 300
    },
    showUserLocation: true,
    showsAccuracyRing: false,
    zoomLevel: 13,
    center: {
        lon: parseFloat(myLocData.lon),
        lat: parseFloat(myLocData.lat)
    },
    fixed: false
}, function(ret, err) {
    if (ret.status) {
        aMap.show();
        aMap.setMapAttr({
            scrollEnable: true,
            rotateEnabled: false
        });
        var annid = 64000;//起始标注ID
        var anndots = [];
        for (var i in tdata) {
            annid++;
            anndots.push({ id: annid, lon: tdata[i].cusLongi, lat: tdata[i].cusLati });
        }
        aMap.addAnnotations({
            annotations: anndots
        }, function(ret) {
            annid = 64000;
            for (var i in tdata) {
                annid++;
                aMap.setBubble({
                    id: annid,
                    content: {
                        title: tdata[i].cusName
                    },
                    styles: {
                        titleColor: '#000',
                        titleSize: 16,
                        subTitleColor: '#999',
                        subTitleSize: 12
                    }
                }, function(ret) {
                    if (ret) {
                        //alert(JSON.stringify(ret));
                    }
                });
            }
            aMap.showAnnotations({});
        });
    } else {
        //toasttip("地图打开错误:" + JSON.stringify(err), "bottom")
    }
});

技术咨询-F

for 循环里不能用异步函数

jetwong

没有 for ，只有一个标注气泡也是有问题的。用 setWebBubble ，也会一闪而过，用 setBubble 则是其他区域（包括顶部导航条）的按钮都不可用了。

Lsrun

技术支持-F 发表于 2020-7-28 15:23
提供一份可直接运行的测试代码，最好只包含模块接口，去掉业务逻辑。

同问,ios标注会一闪而过

1. data = '<div style="color:#000;height:auto;display:flex;background:#fff;flex-direction:column;"><b style="display:flex;">' +
   
2.                                         '订单卸货地</b>订单号：' + that.inside_order_num +
   
3.                                         '<br/>车牌号：' + that.car_number +
   
4.                                         '<br/>计划卸货时间：' + that.showMin(that.plan_sign_time) + '前' +
   
5.                                         '<br/>经纬度：' +
   
6.                                         that.keepFourDec(that.under_consignee_lon) + ',' +
   
7.                                         that.keepFourDec(that.under_consignee_lat) + '<br/>地址：' +
   
8.                                         that.under_consignee_address_str + '/' +
   
9.                                         that.under_consignee_detail_address + '</div>'
   
10. 
    
11. aMap.setWebBubble({
    
12.                                     id: ret2.id,
    
13.                                     data: data,
    
14.                                     size: {
    
15.                                         width: 280,
    
16.                                         height: 200
    
17.                                     },
    
18.                                     bg: 'rgba(255,255,255,1)'
    
19.                                 })

复制代码

技术咨询-F

Lsrun 发表于 2021-4-1 11:26
同问,ios标注会一闪而过

我这里测试正常

1. function annotations() {
   
2.         var aMap = api.require('aMap');
   
3.         aMap.addAnnotations({
   
4.             annotations: [{
   
5.                 id: 1,
   
6.                 lon: 116.297,
   
7.                 lat: 40.109,
   
8.                 //icons: ["widget://image/messg.png"],
   
9.                 w: 50,
   
10.                 h: 50,
    
11.                 locked: false,
    
12.                 lockedX: 100,
    
13.                 lockedY: 100,
    
14.                 w: 36,
    
15.                 h: 36
    
16.             }, {
    
17.                 id: 2,
    
18.                 lon: 116.29,
    
19.                 lat: 40.109,
    
20.                 // icons: ["widget://image/messg.png"],
    
21.                 w: 70,
    
22.                 h: 70,
    
23.                 // locked: true,
    
24.                 // lockedX: 200,
    
25.                 // lockedY: 200,
    
26.             }, {
    
27.                 id: 3,
    
28.                 lon: 116.445088,
    
29.                 lat: 39.929543,
    
30.                 locked: false,
    
31.                 lockedX: 200,
    
32.                 lockedY: 200,
    
33.                 w: 36,
    
34.                 h: 36
    
35.             }],
    
36.             icons: ['widget://image/1111.jpg', 'widget://image/1111.jpg', 'widget://image/1111.jpg'],
    
37.             draggable: true,
    
38.             timeInterval: 2.0
    
39.         }, function (ret) {
    
40.             if (ret.eventType == 'click') {
    
41.                 //alert(ret.id);
    
42.             }
    
43.         });
    
44.     }
    
45. 
    
46. 
    
47. function fnsetBubble() {
    
48.         var aMap = api.require('aMap');
    
49.         aMap.setBubble({
    
50.             id: 2,
    
51.             bgImg: 'widget://image/refresh.png',
    
52.             content: {
    
53.                 title: '大标题',
    
54.                 subTitle: '概述内容',
    
55.                 illus: 'http://ico**.**/ajax/iconpng/?id=145044.png'
    
56.             },
    
57.             styles: {
    
58.                 titleColor: '#000',
    
59.                 titleSize: 16,
    
60.                 subTitleColor: '#999',
    
61.                 subTitleSize: 12,
    
62.                 illusAlign: 'left'
    
63.             }
    
64.         }, function (ret) {
    
65.             console.warn(JSON.stringify(ret));
    
66.             if (ret) {
    
67.                 // alert(JSON.stringify(ret));
    
68.             }
    
69.         });
    
70. 
    
71.     }

复制代码