wang某
wang某
  • 发布:2023-02-07 15:39
  • 更新:2023-02-09 19:46
  • 阅读:232

marker 数量超过 18 @markertap @callouttap 就失效了

分类:nvue
<map id="myMap" class="myMap" :scale="scale" show-location show-compass :latitude="latitude" longitude="longitude" :markers="marks" :polygons="polygons" @tap="tap($event)" style="'height:'+windowHeight*2+'rpx;'" @markertap='toNavigation($event)' @callouttap="toNavigation($event)"> <cover-view class="my_location">
<cover-image class="img" src="@/static/image/locator.png" @click="pitch"></cover-image>
</cover-view>
</map>

//添加marker
getStationList() {

            let token = uni.getStorageSync('token');  
            uni.request({  
                url: this.murl + '/screenDevice/selectDevice', //请求接口    
                method: 'GET',  
                sslVerify: false,  
                data: {  
                    type: '125'  
                },  
                header: {  
                    'Authorization': 'Bearer ' + token,  
                },  
                success: (res) => {  
                    console.log(res.data);  
                    this.marks = []  
                    this.mapContext.removeMarkers()  
                    let list = res.data.data  
                    this.ponits = list  
                    let newmarkers = []  
                    console.log(list)  
                    for (var i = 0; i <20; i++) {  

                        let marker = {  
                            latitude: list[i].lat, //纬度  
                            longitude: list[i].lon, //经度  
                            iconPath: '../../static/image/location.png',  
                            width: 20,  
                            height: 20,  
                            station_name: '',  
                            id: i+1,  
                            callout: {  
                                color: '#FFFFFF', // 文本颜色  
                                bgColor: '#FF8C00', // 背景色  
                                display: "ALWAYS", // 'BYCLICK':点击显示; 'ALWAYS':常显  
                                fontSize: 13,  
                                textAlign: 'center', // 文本对齐方式。有效值: left, right, center  
                                padding: 5, // 文本边缘留白  
                                borderRadius: 5,  
                                content: list[i].label,  
                            }  
                        }  
                        newmarkers.push(marker)  
                    }  
                    this.marks = newmarkers  
                    console.log(this.marks)  
                },  

            });  
        },  
2023-02-07 15:39 负责人:DCloud_Android_THB 分享
已邀请:
wang某

wang某 (作者)

界面 是 nvue

DCloud_Android_THB

DCloud_Android_THB

方便给我个demo。

  • wang某 (作者)

    怎么给你

    2023-02-07 16:25

  • wang某 (作者)

    刚刚发了界面的代码

    2023-02-07 16:38

wang某

wang某 (作者)

这是界面的代码

DCloud_Android_THB

DCloud_Android_THB

我本地测试并没有复现你的问题,由于你使用了本地局域网的接口数据,我这边在你的demo基础上模拟了多个marker。

要回复问题请先登录注册