快应用地图组件、富文本及路由传参

本文详细介绍了如何在快应用中使用地图组件,包括设置中心经纬度、缩放级别和标记点,特别是利用`label`属性展示详细信息。同时,讨论了如何处理后台数据并动态更新标记,以及在地图组件中正确传递和接收参数。此外,还讲解了富文本的使用,特别是解决图片大小问题的方法。
摘要由CSDN通过智能技术生成
快应用有用到官方提供的map地图组件(百度地图),遇到点小问题,这里记录下,以及快应用官方提供的rich-text富文本、路由传参

1.效果图

image.png

2.map

2.1属性

  • latitude 中心纬度,默认为当前位置,否则为北京
  • longitude 中心经度,默认为当前位置,否则为北京
  • scale 地图缩放级别,4-20,微信中的是默认16
  • markers 用来标记地图上的点
  • showmylocation 显示带有方向的当前定位点
  • 我这里想显示的是markers,并使用label属性

2.2markers

  • latitude: 0, // 标记点纬度,必填
  • longitude: 0, // 标记点经度,必填
  • iconPath: '', // 标记点的那个图标,我这里就是那个定位图标
  • width: 16,
  • height: 24,
  • opacity: 0.7, // 标记透明度,0-1,与微信不同,微信的是alpha属性,也是透明度
  • label: {}, // 标记点的相关信息
label:{
    content:  '当前位置',  // 显示的内容
    color:  '#767676',
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值