1.0.4 • Published 3 months ago

@zhuyukeji/z-map v1.0.4

Weekly downloads
-
License
ISC
Repository
-
Last release
3 months ago

@zhuyukeji/z-map这款 GIS 地图可视化插件,专为交互式地图打造,轻松实现数据直观呈现 。

安装

使用 npm 或 yarn 安装

推荐使用 npm 或 yarn 的方式进行开发,不仅可在开发环境轻松调试,也可放心地在生产环境打包部署使用,享受整个生态圈和工具链带来的诸多好处。

npm install @zhuyukeji/z-map
npm install mapbox-gl
yarn add @zhuyukeji/z-map
yarn add mapbox-gl

引入

import { ZMap } from '@zhuyukeji/z-map'

引入样式

import '@zhuyukeji/z-map/es/ZMap/style/style.css'

组件示例

<ZMap ref="ZMap" :mapStyle="mapStyle" :cityMap="cityMap" :baseMap="baseMap" :farmMap="farmMap" :pointMap="pointMap" :center="center"
      :mapKey="mapKey" @point-click="pointClick" @farm-click="farmClick"></ZMap>

参数

属性说明类型默认值版本
mapKeymapbox的keyString''1.0.0
mapStyle地图瓦片样式Objectnull1.0.0
isProminent是否凸显中间基地,city/baseStringbase1.0.0
cityMap城市地图数据Object/Stringgeojson1.0.0
baseMap基地地图数据Array/String{title: "",id: "",mapPosition: "",}1.0.0
farmMap场景地图数据Array/String{title: "",id: "",mapPosition: "",}1.0.0
pointMap地图点数据Array[]1.0.0
heatMap热力数据Array[]1.0.0
center地图中心点Array[]1.0.0
minZoom最小放缩值Number01.0.0
maxZoom最大放缩值Number201.0.0
zoom放缩值Number6.51.0.0
pitch地图倾斜角度Number01.0.0
prominentFillColor地图外部区域蒙层颜色String'rgba(0, 0, 0, 0.5)'1.0.0

baseMap

属性说明类型默认值版本

farmMap

属性说明类型默认值版本

pointMap

属性说明类型默认值版本

事件

属性说明返回版本
farm-click点击场景地图返回事件id1.0.0
point-click点击地图点返回事件id1.0.0
city-click点击省市区返回事件id1.0.0
base-click点击基地返回事件id1.0.0
heat-click点击热力返回事件id1.0.0