文章来源:https://www.toymoban.com/news/detail-522709.html
<view class="box">
<map
style="width: 100%; height: 300px;"
:latitude="latitude"
:longitude="longitude"
:markers="covers"
:circles="circles"
></map>
</view>
export default {
data() {
return {
// 中心经纬度
latitude: 39.909,
longitude: 116.39742,
// 显示圆配置
circles: [
{
latitude: 39.909,
longitude: 116.39742,
color: '#54C3FF',
// 填充颜色
fillColor: '#A3FF746A',
// 圆半径
radius: 150,
// 边
strokeWidth: 1
}
],
// 打点
covers: [
{
latitude: 39.909,
longitude: 116.39742,
iconPath:
'../../static/images/grab-a-single.png'
},
{
latitude: 39.9,
longitude: 116.39,
iconPath:
'../../static/images/grab-a-single.png'
}
]
};
}
};
地图上显示圆
circles
在地图上显示圆
属性 说明 类型 必填 备注
latitude 纬度 Number 是 浮点数,范围 -90 ~ 90
longitude 经度 Number 是 浮点数,范围 -180 ~ 180
color 描边的颜色 String 否 8位十六进制表示,**后两位表示alpha值**,如:#000000AA;#00000为十六进制
fillColor 填充颜色 String 否 8位十六进制表示,**后两位表示alpha值**,如:#000000AA;#00000为十六进制
radius 半径 Number 是
strokeWidth 描边的宽度 Number 否
level 压盖关系,默认为 abovelabels String false 微信小程序
圆的颜色设置
一般来说我们都是想设置成透明的圆,十六进制的后两位表示颜色
eg:#0000006A
6A就是表示透明度,数字越大透明度越高文章来源地址https://www.toymoban.com/news/detail-522709.html
到了这里,关于uniapp中map组件打点/地图上显示圆/设置map圆的透明度(十六进制颜色透明度)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!