# z-map-views

> gis地图可视化

Latest version **2.1.8** (published 2024-09-25) · ISC license · 0 weekly downloads

## Install

```sh
npm install z-map-views
pnpm add z-map-views
yarn add z-map-views
bun add z-map-views
```

## Health

**Score 35/100 (D)** — status: maintenance-mode.

Positive: has types; esm support; no vulnerabilities.

Warnings: low downloads.

Negative: stale; low maintenance score.

## Facts

| | |
|---|---|
| Version | 2.1.8 |
| Published | 2024-09-25 |
| First published | 2023-12-27 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 5 |
| Unpacked size | 4 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | console89 |
| Maintainers | console89 |
| Keywords | mapbox, gis, mapbox-gl, 地图可视化 |

## Links

- npm: https://www.npmjs.com/package/z-map-views
- npm.io page: https://npm.io/package/z-map-views

## Dependencies (5)

- [mapbox-gl](https://npm.io/package/mapbox-gl.md) 2.15.0
- [@turf/along](https://npm.io/package/@turf/along.md) ^6.5.0
- [@turf/union](https://npm.io/package/@turf/union.md) ^6.5.0
- [@turf/helpers](https://npm.io/package/@turf/helpers.md) ^6.5.0
- [@turf/line-distance](https://npm.io/package/@turf/line-distance.md) ^4.7.3

## Recent versions

- 2.1.8 (latest) — 2024-09-25
- 2.1.7 — 2024-09-25
- 2.1.6 — 2024-09-11
- 2.1.5 — 2024-09-10
- 2.1.4 — 2024-07-08
- 2.1.3 — 2024-04-28
- 2.1.2 — 2024-04-19
- 2.1.1 — 2024-04-19
- 2.1.0 — 2024-04-17
- 2.0.12 — 2024-04-08
- 2.0.11 — 2024-04-08
- 2.0.10 — 2024-04-08
- 2.0.9 — 2024-04-08
- 2.0.8 — 2024-03-30
- 2.0.7 — 2024-03-30
- … 33 more at https://npm.io/package/z-map-views/versions

## README

**z-map-views**是一个gis地图可视化插件，用于交互式地图。

**安装**

使用 npm 或 yarn 安装

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

``` js
$ yarn add z-map-views
```

**引入**
``` js
import { ZMap } from 'z-map-views'
```

**引入样式**
``` js
import 'z-map-views/es/ZMap/style/style.css'
```

**组件示例**
``` js
<ZMap ref="ZMap" :mapStyle="mapStyle" :cityMap="cityMap" :baseMap="baseMap" :farmMap="farmMap" :pointMap="pointMap" :center="center"
      :mapKey="mapKey" @point-click="pointClick" @farm-click="farmClick"></ZMap>
```

## 参数

| [属性]| [说明]| [类型]| [默认值]| [版本] |
| --- | --- | --- | --- | --- |
mapKey | mapbox的key | String | '' | 1.2.3 |
mapStyle| 地图瓦片样式 | Object | null | 1.2.3 |
isProminent | 是否凸显中间基地，city/base | String | base | 1.2.3 |
cityMap| 城市地图数据 | Object/String | geojson | 1.2.3 |
baseMap| 基地地图数据 | Array/String | [{title: "",id: "",mapPosition: "",}] | 1.2.3 |
farmMap| 场景地图数据 | Array/String | [{title: "",id: "",mapPosition: "",}] | 1.2.3 |
pointMap| 地图点数据 | Array | [] | 1.2.3 |
heatMap| 热力数据 | Array | [] | 1.2.3 |
center| 地图中心点 | Array | [] | 1.2.3 |
minZoom| 最小放缩值 | Number | 0 | 1.2.3 |
maxZoom| 最大放缩值 | Number | 20 | 1.2.3 |
zoom| 放缩值 | Number | 6.5 | 1.2.3 |
pitch| 地图倾斜角度 | Number | 0 | 1.2.3 |
prominentFillColor| 地图外部区域蒙层颜色 | String | 'rgba(0, 0, 0, 0.5)' | 1.2.3 |

# baseMap
| [属性]| [说明]| [类型]| [默认值]| [版本] |
| --- | --- | --- | --- | --- |

# farmMap
| [属性]| [说明]| [类型]| [默认值]| [版本] |
| --- | --- | --- | --- | --- |

# pointMap
| [属性]| [说明]| [类型]| [默认值]| [版本] |
| --- | --- | --- | --- | --- |


## 事件

| [属性]| [说明]| [返回]| [版本] |
| --- | --- | --- | --- |
farm-click| 点击场景地图返回事件 | id | 1.2.3 |
point-click| 点击地图点返回事件 | id | 1.2.3 |
city-click| 点击省市区返回事件 | id | 1.2.3 |
base-click| 点击基地返回事件 | id | 1.2.3 |
heat-click| 点击热力返回事件 | id | 1.2.3 |

---
_Source: https://npm.io/package/z-map-views · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._