https://github.com/towersxu/bmap-geo
基于百度地图生成geojson
https://github.com/towersxu/bmap-geo
baidumap geojson
Last synced: 13 days ago
JSON representation
基于百度地图生成geojson
- Host: GitHub
- URL: https://github.com/towersxu/bmap-geo
- Owner: towersxu
- Created: 2018-02-26T08:28:55.000Z (about 7 years ago)
- Default Branch: github
- Last Pushed: 2023-12-11T09:43:08.000Z (over 1 year ago)
- Last Synced: 2025-03-25T04:23:55.107Z (about 1 month ago)
- Topics: baidumap, geojson
- Language: JavaScript
- Homepage: http://www.hippor.com/demo/bmap-geo/
- Size: 99.6 KB
- Stars: 14
- Watchers: 1
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.MD
Awesome Lists containing this project
README
# bmap-json
> 基于百度地图生成geojson
## 依赖
百度地图
## 使用说明
### 引入方式
传统引入方式：
```html
```
ES6引入方式
> 注意，在引用的时候就要确保百度地图已经被加载了。
```shell
npm install BmapGeo
```
```javascript
import * as BmapGeo from 'bmap-geojson'
```
### 调用方式
var geo = new BmapGeo(map, geojson, BMap)
|name|type|require|description|
|----|----|-------|-----------|
|map|mapobject|true|当前地图对象|
|geojson|jsonobject|false|显示已经绘制完成的geojson|
```javascript
var map = new BMap.Map('container')
map.centerAndZoom("北京", 12)
map.enableScrollWheelZoom(true)
var geo = new BmapGeo(map)
geo.showControl() // 显示内置控制图标
geo.on('add', function (type, result) { // 元素被添加触发事件
console.log(result)
})
geo.on('delete', function (type, result) { // 元素被删除触发事件
console.log(result)
})
```
### Method
#### showControl()
显示内置绘制控件，目前内置了`绘制区域polygon`控件和`绘制坐标点point`控件
#### open(type)
开始绘制
Parameters
|name|Type|Default|description|
|----|----|-------|-----------|
|open|type|1|绘制的模式，1表示绘制区域polygon，2表示绘制坐标点point。在不调用showControl()时，可以使用这个方法实现自定义绘制控件。|
#### clear()
清除使用后生成的数据，便于重新使用。
#### close()
结束绘制
### Events
- on(eventName, callback)
|eventName|description|
|---------|-----------|
|add|元素被添加触发事件|
|delete|元素被删除触发事件|
|change|元素属性被修改触发，目前只修改name属性|