// nvue map示例
<map id="myMap" style="width: 100%; flex: 1;" scale="15" :longitude="longitude "
:latitude=" latitude " :show-location=" !!locationPermission " :markers=" markers "
@markertap="makerTap" @labeltap="makerTap" @regionchange="onRegionChange" @tap="mapTap">
</map>
//markers 示例
[
{
"id": 0,
"iconPath": "../../static/imges/ic_loc_offline.png",
"latitude": 22.611764,
"longitude": 113.83889,
"zIndex": 0,
"dis": 697,
"width": 40,
"height": 40,
"devSn": "BTA-C005",
"rotate": -80,
"label": {
"anchorX": -31,
"anchorY": -16,
"content": "0",
"display": "ALWAYS",
"textAlign": "center",
"borderRadius": 50,
"fontSize": 12,
"padding": 3,
"borderWidth": 1,
"borderColor": "transparent",
"bgColor": "transparent",
"color": "white"
}
},
{
"id": 1,
"iconPath": "../../static/imges/ic_loc_offline.png",
"latitude": 22.611764,
"longitude": 113.83889,
"zIndex": 1,
"dis": 697,
"width": 40,
"height": 40,
"devSn": "SWAPTT",
"rotate": 0,
"label": {
"anchorX": -7,
"anchorY": -35,
"content": "0",
"display": "ALWAYS",
"textAlign": "center",
"borderRadius": 50,
"fontSize": 12,
"padding": 3,
"borderWidth": 1,
"borderColor": "transparent",
"bgColor": "transparent",
"color": "white"
}
},
{
"id": 2,
"iconPath": "../../static/imges/ic_loc_empty.png",
"latitude": 22.611764,
"longitude": 113.83889,
"zIndex": 3,
"dis": 697,
"width": 40,
"height": 40,
"devSn": "BTA0C12YZHH240516015",
"rotate": 80,
"label": {
"anchorX": 17,
"anchorY": -16,
"content": "0",
"display": "ALWAYS",
"textAlign": "center",
"borderRadius": 50,
"fontSize": 12,
"padding": 3,
"borderWidth": 1,
"borderColor": "transparent",
"bgColor": "transparent",
"color": "white"
}
}
]
g***@biteanbox.com
- 发布：2024-09-20 20:36
- 更新：2024-09-20 20:36
- 阅读：61
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： Windows 10 家庭中文版--22H2
HBuilderX类型： 正式
HBuilderX版本号： 4.08
手机系统： Android
手机系统版本号： Android 11
手机厂商： 小米
手机机型： Redmi k40
页面类型： nvue
vue版本： vue2
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
Map组件上，同一个经纬度上有3个带旋转（rotate）的marker，分别点击3个marker , markertap 事件会都返回相同的 markerId
Map组件上，同一个经纬度上有3个带旋转（rotate）的marker，分别点击3个marker , markertap 事件会都返回相同的 markerId
预期结果：
分别点击3个marker ，markertap 事件应返回marker中对应不同的marerId
分别点击3个marker ，markertap 事件应返回marker中对应不同的marerId
实际结果：
分别点击3个marker , markertap 事件会都返回相同的 markerId
分别点击3个marker , markertap 事件会都返回相同的 markerId
bug描述：
在HbuilderX 正式版 4.08 以后（即：高德地图sdk升级后，参考附件），Map 地图上同一个点位多个rotate的marker，markertap事件不能返回正确的markerId；（注：亲测 HbuilderX 正式版 3.99 版本正常） 
