<template>
<view class="content">
<map style="width: 100vw; height: 100vh; id="map1" class="map1" show-location="true" :latitude="latitude" :longitude="longitude" scale="16" :markers="markers">
</map>
</view>
</template>
<script>
export default {
data() {
return {
title: 'Hello',
showCoverView: true,
latitude: 39.925539,
longitude: 116.279037,
image: "/static/logo.png",
markers: [{
id: 110,
iconPath: '/static/logo.png',
latitude: 39.925539,
longitude: 116.279037,
width: "20",
height: "20" ,
callout: {
color: '#007AFF', // 文本颜色
bgColor: '#563BFF', // 背景色
display: "BYCLICK", // 'BYCLICK':点击显示; 'ALWAYS':常显
fontSize: 10,
textAlign: 'center', // 文本对齐方式。有效值: left, right, center
padding: 10, // 文本边缘留白
borderRadius: 5,
content: '这是测试标题内容发的见覅发afsdfs发打发士大夫发的说法是打发射基地法',
},
}]
}
},
onLoad() {
},
methods: {
}
}
</script>
<style>
.content {
display: flex;
flex-direction: column;
flex: 1;
}
.map1 {
flex: 1;
}
</style>
- 发布:2022-09-13 21:29
- 更新:2022-09-14 09:13
- 阅读:518
产品分类: uniapp/小程序/微信
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: 10
HBuilderX类型: 正式
HBuilderX版本号: 3.6.1
第三方开发者工具版本号: 最新
基础库版本号: 最新
项目创建方式: HBuilderX
示例代码:
操作步骤:
1
1
预期结果:
1
1
实际结果:
1
1
bug描述:
BYCLICK 设置之后,点击不显示
callout: {
color: '#007AFF', // 文本颜色
bgColor: '#563BFF', // 背景色
display: "BYCLICK", // 'BYCLICK':点击显示; 'ALWAYS':常显
fontSize: 10,
textAlign: 'center', // 文本对齐方式。有效值: left, right, center
padding: 10, // 文本边缘留白
borderRadius: 5,
content: '这是测试标题内容发的见覅发afsdfs发打发士大夫发的说法是打发射基地法',
},
FullStack - 【插件开发】【专治疑难杂症】【ios上架、马甲包、白包、过审、已成功上架过几百个】【多款插件已上架:https://ext.dcloud.net.cn/publisher?id=22130】【非诚勿扰】QQ:543610866
你代码本身就有问题, <map style="width: 100vw; height: 100vh; id="map1" 少了双引号
你什么手机,点击没有显示?
nvue android 11 和 ios15 测试没有问题
linnian (作者)
这是一个问答中的官方案例,但在微信小程序中不显示,style 是我后面加的,忘了粘贴双引号了。
微信小程序模拟器点击没反应
2022-09-14 09:46