【报Bug】nvue下在app上地图自定义的气泡不会显示

分类：uni-app

bug反馈

产品分类： uniapp/App

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： 22H2

HBuilderX类型：正式

HBuilderX版本号： 4.76

手机系统： Android

手机系统版本号： Android 15

手机厂商：小米

手机机型：小米14

页面类型： nvue

vue版本： vue2

打包方式：云端

项目创建方式： HBuilderX

示例代码：

数据的格式为这样

[  
        {  
            "id": 1,  
            "icon": "/static/boss_icon/custAdd.png",  
            "iconPath": "/static/boss_icon/orderon.png",  
            "width": 40,  
            "height": 40,  
            "alpha": 1,  
            "latitude": 22.934602345272776,  
            "longitude": 113.93298883477911,  
            "joinCluster": false,  
            "option": {},  
            "customCallout": {  
                "anchorX": 0,  
                "anchorY": 20,  
                "display": "ALWAYS"  
            }  
        },  
]

操作步骤：

map>cover-view

预期结果：

能在地图上正确的显示气泡窗

实际结果：

为能够在地图上显示出气泡窗

bug描述：

nvue下我是件这个页面作为组件来渲染的，发现我自定义的气泡窗不显示，如果吧 slot="callout"去掉的话能显示出来但是渲染的位置不正确

        <map name="nMap" id="map" v-if="markers&&markers.length" ref="map" :style="{  
            width:windowWidth+'px',  
            height:windowHeight+'px'  
        }" :latitude="latitude" :longitude="longitude" :markers="markers" @markertap="onMarkerTap"  
            @callouttap="onCalloutTap">  
            <cover-view slot="callout">  
                <block v-for="item in markers" :key="item.id">  
                    <cover-view :marker-id="item.id" class="callout-container">  
                        <cover-view class="callout-card">  
                            <cover-view class="callout-header">  
                                <cover-view class="callout-header-left">  
                                    <cover-image :src='item.icon' class="callout-icon"></cover-image>  
                                    <cover-view class="callout-title">订单详情</cover-view>  
                                </cover-view>  
                                <cover-view class="status-container">  
                                    <cover-view class="status-dot"  
                                        :style="{'backgroundColor': item.option.statusColor}"></cover-view>  
                                    <cover-view>{{item.option.statusText}}</cover-view>  
                                </cover-view>  
                            </cover-view>  
                            <cover-view class="callout-content">  
                                <cover-view class="callout-item">  
                                    <cover-view class="callout-label">销售单号</cover-view>  
                                    <cover-view class="callout-value">{{item.option.soId || '--'}}</cover-view>  
                                </cover-view>  
                                <cover-view class="callout-item">  
                                    <cover-view class="callout-label">预售单号</cover-view>  
                                    <cover-view class="callout-value">{{item.option.pid || "--"}}</cover-view>  
                                </cover-view>  
                                <cover-view class="callout-item">  
                                    <cover-view class="callout-label">客户</cover-view>  
                                    <cover-view class="callout-value">{{item.option.custName || '--'}}</cover-view>  
                                </cover-view>  
                            </cover-view>  
                        </cover-view>  
                        <cover-view class="callout-arrow"></cover-view>  
                    </cover-view>  
                </block>  
            </cover-view>  
        </map>

2025-09-03 17:53 负责人:无分享

0 个回复

要回复问题请先登录或注册

【报Bug】nvue下在app上地图自定义的气泡不会显示

操作步骤：

map>cover-view

预期结果：

能在地图上正确的显示气泡窗

实际结果：

为能够在地图上显示出气泡窗

bug描述：

0 个回复

公告

相关问题

【报Bug】nvue下在app上地图自定义的气泡不会显示

操作步骤： map>cover-view

预期结果： 能在地图上正确的显示气泡窗

实际结果： 为能够在地图上显示出气泡窗

bug描述：

与内容相关的链接

0 个回复

公告

相关问题

操作步骤：

map>cover-view

预期结果：

能在地图上正确的显示气泡窗

实际结果：

为能够在地图上显示出气泡窗