<map
v-else
id="tennisMap"
style="width: 100%; height: 75vh !important; border-radius: 26rpx; margin-top: 26rpx"
:latitude="latitude"
:longitude="longitude"
:markers="covers"
@markertap="handleMarkertap"
@labeltap="handleMarkertap"
>
</map>layer-style设置1、2、3、style1、style2、style3都不行
该问题请在专业群（ uni-app 官方技术交流群 1 ） 咨询，群中有相关专业的管理员和群友。
在 uni-app 的 App 端（Android / iOS）使用腾讯地图时，想启用“个性化样式”并不是通过 layer-style="1" 这种简单数字或字符串就能生效的，而是必须满足下面 3 个条件：
style1 或一串数字，例如 12345）； <map> 标签上写 layer-style="你的样式ID"，并且该属性只在 App-vue3 编译模式（HBuilderX 3.6+）下才生效。 示例代码：
<map
id="tennisMap"
style="width:100%;height:75vh"
:latitude="latitude"
:longitude="longitude"
:markers="covers"
layer-style="12345" <!-- 这里填你在腾讯后台拿到的样式ID -->
@markertap="handleMarkertap"
/>常见踩坑提醒
layer-style="1" / "style1" 这类写法只有高德地图才支持，腾讯地图必须用自己后台生成的 ID。 layer-style 会被忽略。
腾讯地图官方的例子：
<script
charset="utf-8"
src="https://map.qq.com/api/gljs?v=1.exp&key=***"
我写的移动应用（uniapp）： <map v-else id="tennisMap" style="width: 100%; height: 75vh !important; border-radius: 26rpx; margin-top: 26rpx" latitude="latitude" longitude="longitude" markers="covers" @markertap="handleMarkertap"</script>
<script>
window.onload = function () {
function init() {
var map = new TMap.Map(document.getElementById("container"), {
center: new TMap.LatLng(39.916527, 116.397128),
zoom: 11,
mapStyleId: "style1",
});
}
init();
};
</script>
</head>
<body>
<div id="container"></div>
</body>
怎么设置mapStyleId（只用uniapp的map）
DCloud 即数字天堂(北京)网络技术有限公司是W3C成员及HTML5中国产业联盟发起单位
京ICP备12046007号-4 | 京公网安备：11010802035340号 | 国家信息安全等级保护三级，证书编号：11010813802-20001