# leaflet-measure-simplify

**Repository Path**: weijun620/leaflet-measure-simplify

## Basic Information

- **Project Name**: leaflet-measure-simplify
- **Description**: leaflet轻量化测量工具，包括：距离、面积、经纬度测量。
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 6
- **Forks**: 2
- **Created**: 2024-01-10
- **Last Updated**: 2025-08-27

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

[点个star](https://gitee.com/weijun620/leaflet-measure-simplify)

# leaflet-measure-simplify
	
- - -
	

一个轻量化leaflet的测量插件，或者你也可以关闭量测结果显示，它将成为一个绘制工具。

![](https://gitee.com/weijun620/leaflet-measure-simplify/raw/master/assets/images/demo.gif)
	
## 使用
### 安装

	npm install leaflet-measure-simplify
### ESM

	import LeafletMeasureSimplify from "leaflet-measure-simplify";
	import "leaflet-measure-simplify/dist/leaflet-measure-simplify.css";

### UMD

	<link rel="stylesheet" href="leaflet-measure-simplify/dist/leaflet-measure-simplify.css">
	<script src="leaflet-measure-simplify/dist/leaflet-measure-simplify.umd.cjs"></script>
	
	
## Example
	let measureTools = new LeafletMeasureSimplify(map,{ 
		weight:3, 
		color:"red", 
		//... 
	}); 
	measureTools.distance().then(path=>{ 
		console.log(path)//绘制完成后将返回路径 
	})
	
## 类参数
| 参数名     | 类型     | 默认值 | 说明         | 
|-----------|--------|-----|-------------|
| map     | Object | 无   | leaflet地图对象    |
| options | Object | 见下表 options选项 | 配置选项         |

## options选项
| 属性名 | 类型 | 默认值 | 说明 |
| --- | --- | --- | --- |
| color | String | #039bec | 主题色 |
| weight | Number | 3 | 线条宽度 |
| showTip | Boolean | true | 是否显示操作提示 |
| showResult | Boolean | true | 是否显示测量结果 |
| unitDistance | String | kilometer | 距离测量单位（kilometer：千米/metre：米） |
| unitArea | String | kilometer | 面积测量单位（kilometer：平方千米/metre：平方米） |
| precisionDistance | Number | 2 | 距离测量精度 |
| precisionArea | Number | 2 | 面积测量精度 |
| precisionCoord | Number | 6 | 经纬度测量精度 |
| tipLanguage | Object | zh-CN | 语言（zh-CN：中文/en-US：英文） |
| customTip | Object | \- | 自定义操作提示 例如：{"step1":"单击开始绘制","step2":"单机继续绘制","step3":"右键单击结束绘制"} |
## 实例方法
| 方法名 | 返回值 | 说明 |
| --- | --- | --- |
| distance | Promise | 距离测量\|Function(path) |
| area | Promise | 坐标测量\|Function(path) |
| coord | Promise | 坐标测量\|Function(coord) |
| close | \- | 关闭已经开始的测量 |
| clear | \- | 清除测量结果 |