0.1.5 • Published 4 years ago
vue_ui_map v0.1.5
下载组件
安装
npm i @mobile-component/zn_vue_ui_map@latest --save
导入工程
import ZnMap from '@mobile-component/zn_vue_ui_map'
Vue.use(ZnMap)
用法说明
<zn-map><zn-map/>
参数配置
属性 | 说明 | 类型 | 可选值 | 默认值 | 是否必填 |
---|---|---|---|---|---|
center | 地图中心点, 经度,维度 形式,经纬度都必须是 Number 类型 | Array | - | 0,0 | 否 |
zoom | 地图缩放等级 | Number | - | 11 | 否 |
setFitView | 地图上覆盖物较多的情况下,如果需要保证所有覆盖物都在视野范围内,将地图调整到合适的缩放等级和中心点。该属性设置为 true 时,center 和 zoom 属性失效 | Boolean | - | true | 否 |
markers | 地图上点标记,对象数组形式,marker1,marker2,...,详见 markers 说明 | Array | - | [] | 否 |
lang | 地图语言 | String | - | 'zh_cn' | 否 |
mapStyle | 地图主题 | String | - | 'amap://styles/a8f732190ecfcba98d4d09b4b7bd2114' | 否 |
resizeEnable | 是否监控地图容器尺寸变化 | Boolean | - | true | 否 |
markers 说明
属性 | 说明 | 类型 | 可选值 | 默认值 | 是否必填 |
---|---|---|---|---|---|
position | 点标记经纬度 | Array | - | - | 是 |
size | 图标宽高,宽,高 形式,宽高都必须是 Number 类型 | Array | - | - | 是(使用默认点标记时不必填) |
src | 图片地址,本地图片需要使用 require() 引入,如果需要使用默认蓝色定位图标,该属性不填,size 属性不填 | String | - | - | 否 |
title | 鼠标换过点标记的提示语 | String | - | - | 否 |
infoWindow | 点标记的信息窗口。content 为信息窗的内容, | {content:String / htmlDOM,custom:{backgroundColor: 背景颜色,borderColor: 边框颜色}} | - | - | 否 |
0.1.5
4 years ago