列出uniapp中map组件的所有属性
时间: 2024-05-22 21:13:12 浏览: 175
以下是uniapp中map组件的所有属性:
| 属性名 | 类型 | 默认值 | 必填 | 描述 |
| :----: | :--: | :----: | :--: | :--: |
| id | String | | 否 | map组件的唯一标识符,用于在事件处理函数中识别组件 |
| style | String/Object | | 否 | map组件的样式,可以是一个字符串或对象 |
| class | String | | 否 | map组件的class属性,用于设置组件的样式 |
| latitude | Number | | 是 | 中心点的纬度 |
| longitude | Number | | 是 | 中心点的经度 |
| scale | Number | 16 | 否 | 缩放级别,取值范围为5-18 |
| markers | Array | | 否 | 标记点,格式为[{id: 0, latitude: 0, longitude: 0, title: '', iconPath: '', width: '', height: '', callout: {}}],其中callout为自定义标记点上方的气泡 |
| polyline | Object | | 否 | 路线,格式为{points: [], color: '', width: '', dottedLine: false},其中points为坐标数组,color为线的颜色,width为线的宽度,dottedLine为是否为虚线 |
| circles | Array | | 否 | 圆形,格式为[{latitude: 0, longitude: 0, color: '', fillColor: '', radius: '', strokeWidth: 1}] |
| controls | Array | | 否 | 控件,格式为[{id: 0, position: {}, iconPath: '', clickable: true}],其中position为控件的位置,可选值为'leftTop'、'rightTop'、'rightBottom'、'leftBottom' |
| include-points | Array | | 否 | 缩放视野以包含所有给定的坐标点,格式为[{latitude: 0, longitude: 0}] |
| show-location | Boolean | false | 否 | 是否显示当前位置 |
| polygons | Array | | 否 | 多边形,格式为[{points: [], strokeWidth: 1, strokeColor: '', fillColor: ''}] |
| subkey | String | | 否 | 用于在腾讯地图开发平台申请的key |
| layer-style | Number | 1 | 否 | 地图样式,可选值为0、1、2、3 |
| rotate | Number | 0 | 否 | 旋转角度,范围为0-360,逆时针旋转 |
| skew | Number | 0 | 否 | 倾斜角度,范围为0-40 |
| enable-overlooking | Boolean | false | 否 | 是否开启俯视 |
| enable-3D | Boolean | false | 否 | 是否开启3D模式 |
| enable-compass | Boolean | false | 否 | 是否显示指南针 |
| enable-zoom | Boolean | true | 否 | 是否支持缩放 |
| enable-scroll | Boolean | true | 否 | 是否支持拖动 |
| enable-rotate | Boolean | false | 否 | 是否支持旋转 |
| enable-tilt | Boolean | false | 否 | 是否支持倾斜 |
| setting | Object | {} | 否 | 地图设置,可设置以下属性:<br>showLocation: 是否显示当前位置<br>showScale: 是否显示比例尺<br>subKey: 用于在腾讯地图开发平台申请的key<br>style: 地图样式,可选值为'normal'、'satellite'、'dark'、'light'、'fresh'、'bus' |
| bindregionchange | EventHandle | | 否 | 拖动地图时触发 |
| bindtap | EventHandle | | 否 | 点击地图时触发 |
| bindmarkertap | EventHandle | | 否 | 点击标记点时触发 |
| bindcallouttap | EventHandle | | 否 | 点击标记点上方的气泡时触发 |
| bindcontroltap | EventHandle | | 否 | 点击控件时触发 |
| bindupdated | EventHandle | | 否 | 地图更新时触发 |
| bindpoitap | EventHandle | | 否 | 点击地图上的坐标点时触发 |
阅读全文
相关推荐
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![pdf](https://img-home.csdnimg.cn/images/20241231044930.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)