UNPKG

@vuemap/vue-amap

Version:

高德地图vue3版本封装

162 lines (158 loc) 5.61 kB
'use strict'; var buildHelper = require('../../utils/buildHelper.js'); const propsType = buildHelper.buildProps({ vid: { type: String }, // 地图ID center: { type: Array }, // 初始中心经纬度 zoom: { type: Number }, // 地图显示的缩放级别,可以设置为浮点数;若center与level未赋值,地图初始化默认显示用户所在城市范围。 rotation: { type: Number }, // 地图顺时针旋转角度,取值范围 [0-360] ,默认值:0 pitch: { type: Number }, // 俯仰角度,默认 0,最大值根据地图当前 zoom 级别不断增大,2D地图下无效 。 viewMode: { type: String }, // 地图视图模式, 默认为‘2D’,可选’3D’,选择‘3D’会显示 3D 地图效果。 features: { type: Array }, // 设置地图上显示的元素种类, 支持'bg'(地图背景)、'point'(POI点)、'road'(道路)、'building'(建筑物),默认值:['bg','point','road','building'] layers: { type: Array }, // 地图图层数组,数组可以是图层 中的一个或多个,默认为普通二维地图。 当叠加多个 图层 时,普通二维地图需通过实例化一个TileLayer类实现。 如果你希望创建一个默认底图图层,使用 AMap.createDefaultLayer() zooms: { type: Array }, // 图显示的缩放级别范围, 默认为 [2, 20] ,取值范围 [2 ~ 30] resizeEnable: { type: Boolean, default: true }, // 是否监控地图容器尺寸变化,默认值为false。此属性可被 setStatus/getStatus 方法控制 dragEnable: { type: Boolean, default: true }, // 地图是否可通过鼠标拖拽平移, 默认为 true。此属性可被 setStatus/getStatus 方法控制 zoomEnable: { type: Boolean, default: true }, // 地图是否可缩放,默认值为 true。此属性可被 setStatus/getStatus 方法控制 jogEnable: { type: Boolean, default: true }, // 地图是否使用缓动效果,默认值为true。此属性可被setStatus/getStatus 方法控制 pitchEnable: { type: Boolean, default: true }, // 是否允许设置俯仰角度, 3D 视图下为 true, 2D 视图下无效。。此属性可被setStatus/getStatus 方法控制 rotateEnable: { type: Boolean, default: true }, // 地图是否可旋转, 图默认为true。此属性可被setStatus/getStatus 方法控制 animateEnable: { type: Boolean, default: true }, // 地图平移过程中是否使用动画(如调用panBy、panTo、setCenter、setZoomAndCenter等函数, 将对地图产生平移操作, 是否使用动画平移的效果), 默认为true, 即使用动画 keyboardEnable: { type: Boolean, default: true }, // 地图是否可通过键盘控制, 默认为true, 方向键控制地图平移,"+""-"可以控制地图的缩放, Ctrl+“→”顺时针旋转,Ctrl+“←”逆时针旋转。此属性可被setStatus/getStatus 方法控制 doubleClickZoom: { type: Boolean, default: true }, // 地图是否可通过双击鼠标放大地图, 默认为true。此属性可被setStatus/getStatus 方法控制 scrollWheel: { type: Boolean, default: true }, // 地图是否可通过鼠标滚轮缩放浏览,默认为true。此属性可被setStatus/getStatus 方法控制 touchZoom: { type: Boolean, default: true }, // 地图在移动终端上是否可通过多点触控缩放浏览地图,默认为true。关闭手势缩放地图,请设置为falsetouchZoomCenter: { type: Number }, // 可缺省,当touchZoomCenter=1的时候,手机端双指缩放的以地图中心为中心,否则默认以双指中间点为中心。默认:1 showLabel: { type: Boolean, default: true }, // 是否展示地图文字和 POI 信息。默认 true defaultCursor: { type: String }, // 地图默认鼠标样式。参数 defaultCursor 应符合 CSS 的 cursor 属性规范。 isHotspot: { type: Boolean }, // 是否开启地图热点和标注的 hover 效果。PC端默认是true, 移动端默认是 falsemapStyle: { type: String }, // 设置地图的显示样式,目前支持两种地图样式: 第一种:自定义地图样式,如 "amap://styles/d6bf8c1d69cea9f5c696185ad4ac4c86" 可前往地图自定义平台定制自己的个性地图样式; 第二种:官方样式模版,如"amap://styles/grey"。 其他模版样式及自定义地图的使用说明见开发指南 wallColor: { type: [String, Array] }, // 地图楼块的侧面颜色 roofColor: { type: [String, Array] }, // 地图楼块的顶面颜色 showBuildingBlock: { type: Boolean, default: true }, // 是否展示地图 3D 楼块,默认 true showIndoorMap: { type: Boolean, default: false }, // 是否自动展示室内地图,默认是 false skyColor: { type: [String, Array] }, // 天空颜色,3D 模式下带有俯仰角时会显示 labelRejectMask: { type: Boolean, default: false }, // 文字是否拒绝掩模图层进行掩模 mask: { type: Array }, // 为 Map 实例指定掩模的路径,各图层将只显示路径范围内图像,3D视图下有效。 格式为一个经纬度的一维、二维或三维数组。 WebGLParams: { type: Object }, // 额外配置的WebGL参数 eg: preserveDrawingBuffer terrain: { type: Boolean, default: false } //是否开启地形,默认不开启 }); exports.propsType = propsType; //# sourceMappingURL=props.js.map