# @geoscene/leaflet
> Leaflet plugins for consuming GeoScene Online and GeoScene Server services.
Latest version **3.0.13** (published 2023-09-26) · Apache-2.0 license · 0 weekly downloads
## Install
```sh
npm install @geoscene/leaflet
pnpm add @geoscene/leaflet
yarn add @geoscene/leaflet
bun add @geoscene/leaflet
```
## Health
**Score 20/100 (F)** — status: abandoned.
Positive: esm support; no vulnerabilities.
Warnings: low downloads; no types.
Negative: abandoned; low maintenance score.
## Facts
| | |
|---|---|
| Version | 3.0.13 |
| Published | 2023-09-26 |
| First published | 2023-09-25 |
| Weekly downloads | 0 |
| License | Apache-2.0 |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Dependencies | 2 |
| Unpacked size | 1.9 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | evenboy, geoscenedev |
| Keywords | geoscene, geoscene leaflet, gis, leaflet plugin, mapping |
## Links
- npm: https://www.npmjs.com/package/@geoscene/leaflet
- Homepage: https://doc.geoscene.cn/
- npm.io page: https://npm.io/package/@geoscene/leaflet
## Dependencies (2)
- [tiny-binary-search](https://npm.io/package/tiny-binary-search.md) ^1.0.3
- [@terraformer/arcgis](https://npm.io/package/@terraformer/arcgis.md) ^2.1.0
## Recent versions
- 3.0.13 (latest) — 2023-09-26
- 3.0.12 — 2023-09-25
- 3.0.11 — 2023-09-25
- 3.0.10 — 2023-09-25
## README
# GeoScene Leaflet
[Leaflet](http://leafletjs.com/) 插件用于处理 GeoScene Service服务类型. 包括 GeoScene底图和 feature services要素服务, tiled切片服务, dynamic动态地图服务.
该项目的目标不是取代用于 [GeoScene API for JavaScript](https://doc.geoscene.cn/javascript) 而是仅为GeoScene平台的某些方面提供小型组件，供喜欢使用轻量级构建地图应用程序的开发人员使用。
## 快速开始
最简单的入门方法是通过CDN加载geoscene-leaflet插件。以下是一个可以复制/粘贴到自己的.html文件中的示例
```html
GeoScene Leaflet Debugging Sample
```
### npm 安装方式
```
npm i @geoscene/leaflet
```
### 使用
```js
/**js***/
import "leaflet/dist/leaflet.css";
import * as L from "leaflet";
import { basemapLayer } from "@geoscene/leaflet";
const center = [30.636088, 180.990693];
const zoom = 4;
const map = L.map("map").setView(center, zoom);
basemapLayer("tianditu-vector").addTo(map);
basemapLayer("tianditu-vector-annotion").addTo(map);
/**css***/
#map{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100vh;
}
/**html***/
```
### 资源
[GeoScene Maps SDK for JavaScript](https://doc.geoscene.cn/javascript/)
[Leaflet](http://leafletjs.com/)
### 许可
易智瑞信息技术有限公司版权所有 © 2023并保留所有权利。发行于中华人民共和国。
本材料在 GeoScene 主许可协议（MLA）下许可使用，并受该协议条款的约束。 只要遵守主许可协议中的条款并包括此版权声明，您即可在不进行修改的情况下 重新分发和使用这些代码。
查看 https://links.geoscene.cn/legal/GeoScene_EULA.pdf 了解使用限制
---
_Source: https://npm.io/package/@geoscene/leaflet · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._