基于 Openlayers 实现的地图常用功能工具集合

654 阅读2分钟

在项目开发中,经常会需要使用一些坐标做测试,或者手动标绘点线面,或者坐标转换等。

使用代码当然是可以做到的,但是有时候懒得启相关项目,或者需要手写代码来实现,效率不高。

笔者在使用 Openlayers 过程中,积累一些工具,并且将使用频率较高的做了一个工具集,部署在云服务器,很方便。

这里将服务器工具对外开放,提供给需要的广大 GISer 使用,后期会将项目开源!

需要注意的是,之前在网上也见到过类似工具,但是功能不太合适,而本工具的优势是==为地图开发人员提供专业功能==!

另外:==工具完全是前端实现,不走后台,保护使用者隐私==!

PS:工具尚在不断补充完善中!

本文包括地图工具介绍、使用示例两部分。


地图工具介绍

地图工具地址:openlayers.vip/maptool/

地图工具普通功能主要使用原生 Openlayers 实现,地图分析功能使用 Turf 实现。

目前已完成的功能包括:

随机数据:框选范围,生成点线面随机数据,可以直接复制使用。

标绘数据:选择点线面,在地图上标绘数据,可以直接复制使用;也可以通过搜索地名进行定位后操作。

投影数据转换、火星百度坐标转换、GPS 坐标转换:输入 WKTGeoJson 格式数据,选择投影坐标,转换之后可以复制使用。

平滑曲线、曲面,缓冲,抽稀:输入 WKTGeoJson 格式数据,完成分析之后可以复制使用。

在这里插入图片描述

使用示例

使用也比较方便,这里举两个使用示例:标绘数据和缓冲分析。

1. 标绘数据

首先,输入天安门广场,点击查询定位,地图定位至天安门广场。

在这里插入图片描述

然后选择面状标绘类型,在地图标绘

在这里插入图片描述

可以选择生成数据格式,即 WKT 或者 GeoJson 格式,复制使用即可。

在这里插入图片描述 在这里插入图片描述

在这里插入图片描述

2. 缓冲分析

首先,将 WKT 或者 GeoJson 格式数据添加到输入框,已面状数据为例。

在这里插入图片描述

然后输入缓冲半径,点击缓冲分析即可生成数据,选择切换 WKT 或者 GeoJson 数据类型,复制使用即可。

在这里插入图片描述

最后,地图工具在持续新增、更新、完善中...

以下是地图工具所有地址,由于天地图的原因,请尽量使用 http 而不是 https:

openlayers.vip/maptool/

openlayers.vip/map-tool/

openlayers.vip/map-tools/

openlayers.vip/mapTool/

openlayers.vip/mapTools/