|
|
import { PropType } from "vue-demi";
|
|
|
import { uuid } from "../../utils";
|
|
|
import { DefineEmits, DefineProps } from "../../types";
|
|
|
import { LoadConfig } from "../../use";
|
|
|
|
|
|
export const NATIVE_PROPS = {
|
|
|
/** EPSG:900913(墨卡托投影)，EPSG:4326(大地平面投影) */
|
|
|
projection: { type: String, default: "EPSG:900913" },
|
|
|
/** 地图允许展示的最小级别 */
|
|
|
minZoom: { type: Number, default: 1 },
|
|
|
/** 地图允许展示的最大级别 */
|
|
|
maxZoom: { type: Number, default: 18 },
|
|
|
/** 地图的初始化中心点 */
|
|
|
center: { type: Array as unknown as PropType<VT.LngLat>, default: () => [0, 0] },
|
|
|
/** 地图的初始化级别 */
|
|
|
zoom: { type: Number, default: 1 }
|
|
|
};
|
|
|
|
|
|
export const EXTRA_PROPS = {
|
|
|
/** 启用地图拖拽，默认启用 */
|
|
|
drag: { type: Boolean, default: true },
|
|
|
/** 启用滚轮放大缩小，默认启用 */
|
|
|
scrollWheelZoom: { type: Boolean, default: true },
|
|
|
/** 启用双击放大，默认启用 */
|
|
|
doubleClickZoom: { type: Boolean, default: true },
|
|
|
/** 启用键盘操作，默认启用 */
|
|
|
keyboard: { type: Boolean, default: true },
|
|
|
/** 启用地图惯性拖拽，默认启用 */
|
|
|
inertia: { type: Boolean, default: true },
|
|
|
/** 启用连续缩放效果，默认启用 */
|
|
|
continuousZoom: { type: Boolean, default: true },
|
|
|
/** 启用双指操作缩放，默认启用 */
|
|
|
pinchToZoom: { type: Boolean, default: true },
|
|
|
/** 启用自动适应容器尺寸变化，默认启用 */
|
|
|
autoResize: { type: Boolean, default: true },
|
|
|
/** 当这个选项被设置后，地图被限制在给定的地理边界内，当用户平移将地图拖动到视图以外的范围时会出现弹回的效果，并且也不允许缩小视图到给定范围以外的区域（这取决于地图的尺寸）。使用setMaxBounds方法可以动态地设置这种约束 */
|
|
|
maxBounds: { type: Array as unknown as PropType<VT.Bounds> },
|
|
|
/** 根据提供的坐标点数组设置地图视野，调整后的视野会保证包含提供的坐标点 */
|
|
|
viewport: { type: Array as PropType<VT.LngLat[]> },
|
|
|
/** 地图样式，原天地图api的style，分别为black，indigo */
|
|
|
mapStyle: { type: String as PropType<"black" | "indigo"> },
|
|
|
/** 地图容器id */
|
|
|
mid: { type: String, default: () => uuid() },
|
|
|
/** 控件 */
|
|
|
controls: { type: Array as PropType<(VT.ControlName | VT.ControlOptions)[]>, default: () => [] },
|
|
|
/** 加载Api的配置 */
|
|
|
loadConfig: { type: Object as PropType<LoadConfig> }
|
|
|
};
|
|
|
|
|
|
export const NATIVE_EVENTS: T.MapEvents = {
|
|
|
click: () => true,
|
|
|
dblclick: () => true,
|
|
|
contextmenu: () => true,
|
|
|
mousemove: () => true,
|
|
|
mouseover: () => true,
|
|
|
mouseout: () => true,
|
|
|
movestart: () => true,
|
|
|
move: () => true,
|
|
|
moveend: () => true,
|
|
|
zoomstart: () => true,
|
|
|
zoomend: () => true,
|
|
|
addoverlay: () => true,
|
|
|
removeoverlay: () => true,
|
|
|
addcontrol: () => true,
|
|
|
removecontrol: () => true,
|
|
|
clearoverlays: () => true,
|
|
|
dragstart: () => true,
|
|
|
drag: () => true,
|
|
|
dragend: () => true,
|
|
|
layeradd: () => true,
|
|
|
layerremove: () => true,
|
|
|
load: () => true,
|
|
|
resize: () => true,
|
|
|
levels: () => true,
|
|
|
touchstart: () => true,
|
|
|
touchmove: () => true,
|
|
|
touchend: () => true,
|
|
|
longpress: () => true
|
|
|
};
|
|
|
|
|
|
export const EXTRA_EVENTS = {
|
|
|
/** 地图初始化 */
|
|
|
init: (e: T.Map) => e instanceof T.Map,
|
|
|
/** 鹰眼视图控件的开合状态变化时触发事件 */
|
|
|
viewchange: (e: T.ControlOverviewMapEvent) => true
|
|
|
};
|
|
|
|
|
|
export const PROPS = { ...NATIVE_PROPS, ...EXTRA_PROPS };
|
|
|
export const EVENTS = { ...NATIVE_EVENTS, ...EXTRA_EVENTS };
|
|
|
export type Props = DefineProps<typeof PROPS>;
|
|
|
export type Emit = DefineEmits<typeof EVENTS>;
|
