支付宝小程序使用uni地图，customCallout自定义气泡不显示

分类：uni-app

bug反馈

产品分类： uniapp/小程序/阿里

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： W10企业版

HBuilderX类型：正式

HBuilderX版本号： 3.7.11

第三方开发者工具版本号： 3.6.4

基础库版本号： 2.8.8

项目创建方式： HBuilderX

操作步骤：

<map id="map" ref="map" :longitude="lng" :latitude="lat" :polyline="polyline" :include-points="includePoints"  
            :customCallout="callout" :show-location="true" :markers="markers" @markertap="markertap">  
            <!-- 自定义窗口 -->  
            <cover-view slot="callout">  
                <block v-for="(item, index) in markers" :key="index">  
                    <cover-view :marker-id="item.id">  
                        aaaaaaaaaaaaaa  
                    </cover-view>  
                </block>  
            </cover-view>  
</map>

js点击事件


markertap(e) {  
                let markers = this.markers  
                markers.find((item, index) => {  
                    if (item.id === e.markerId) {  
                        item.customCallout.display = 'ALWAYS'  
                    }  
                })  
},

预期结果：

<map id="map" ref="map" :longitude="lng" :latitude="lat" :polyline="polyline" :include-points="includePoints"  
            :customCallout="callout" :show-location="true" :markers="markers" @markertap="markertap">  
            <!-- 自定义窗口 -->  
            <cover-view slot="callout">  
                <block v-for="(item, index) in markers" :key="index">  
                    <cover-view :marker-id="item.id">  
                        aaaaaaaaaaaaaa  
                    </cover-view>  
                </block>  
            </cover-view>  
</map>

js点击事件


markertap(e) {  
                let markers = this.markers  
                markers.find((item, index) => {  
                    if (item.id === e.markerId) {  
                        item.customCallout.display = 'ALWAYS'  
                    }  
                })  
},

实际结果：

<map id="map" ref="map" :longitude="lng" :latitude="lat" :polyline="polyline" :include-points="includePoints"  
            :customCallout="callout" :show-location="true" :markers="markers" @markertap="markertap">  
            <!-- 自定义窗口 -->  
            <cover-view slot="callout">  
                <block v-for="(item, index) in markers" :key="index">  
                    <cover-view :marker-id="item.id">  
                        aaaaaaaaaaaaaa  
                    </cover-view>  
                </block>  
            </cover-view>  
</map>

js点击事件


markertap(e) {  
                let markers = this.markers  
                markers.find((item, index) => {  
                    if (item.id === e.markerId) {  
                        item.customCallout.display = 'ALWAYS'  
                    }  
                })  
},

bug描述：

html

<map id="map" ref="map" :longitude="lng" :latitude="lat" :polyline="polyline" :include-points="includePoints"  
            :customCallout="callout" :show-location="true" :markers="markers" @markertap="markertap">  
            <!-- 自定义窗口 -->  
            <cover-view slot="callout">  
                <block v-for="(item, index) in markers" :key="index">  
                    <cover-view :marker-id="item.id">  
                        aaaaaaaaaaaaaa  
                    </cover-view>  
                </block>  
            </cover-view>  
</map>

js点击事件

markertap(e) {  
                let markers = this.markers  
                markers.find((item, index) => {  
                    if (item.id === e.markerId) {  
                        item.customCallout.display = 'ALWAYS'  
                    }  
                })  
},

点击事件有用，但是自定义气泡不显示