linnian
linnian
  • 发布:2022-09-13 21:29
  • 更新:2022-09-14 09:13
  • 阅读:483

【报Bug】地图组件,气泡属性:点击显示无效

分类:uni-app

产品分类: uniapp/小程序/微信

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: 10

HBuilderX类型: 正式

HBuilderX版本号: 3.6.1

第三方开发者工具版本号: 最新

基础库版本号: 最新

项目创建方式: HBuilderX

示例代码:
<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>  

操作步骤:

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发打发士大夫发的说法是打发射基地法',  
                    },
2022-09-13 21:29 负责人:无 分享
已邀请:
FullStack

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

该问题目前已经被锁定, 无法添加新回复