OpenLayers如何获取手动绘制的GeoJson数据

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了OpenLayers如何获取手动绘制的GeoJson数据相关的知识,希望对你有一定的参考价值。

参考技术A

最近在做一个 智能选址 的功能,有一个需求是需要在地图上绘制一个 几何多边形 后获取绘制形状的 GeoJson 数据传到后台。

因为最近做的全是 vue 相关项目,所以例子是都是在 v-cli 项目中运行。

先定义好加载地图的区域和开始绘制结束绘制的按钮

效果入下图

最后,喜欢的话请点个赞呗 ❤️❤️。

openlayers怎么获取当前鼠标点击位置的经纬度,openlayers自带地

楼主,我用c语言

c语言绘制鼠标般步骤

    寄存器断,鼠标位置

    2.改位置画鼠标

    3.继处理

    4.重复面步骤

,画鼠标式,3种同(我知道)

    直接画线(参考文献)

2.存储保存(参考文献)

(我用练手,所没优化,觉卡)


(面draw_mouse模块专门画鼠标,属于存储保存)


3.掩码

跟图形模式写字


希望帮助

参考技术A 是基于HTML5位置功能获取的:
map.on('click', function(evt)
var coordinate = evt.coordinate;
var hdms = ol.coordinate.toStringHDMS(ol.proj.transform(
coordinate, 'EPSG:3857', 'EPSG:4326')); //将XY转换成String的经纬度,及坐标系转换
alert(hdms);
);
随手点赞哦

以上是关于OpenLayers如何获取手动绘制的GeoJson数据的主要内容,如果未能解决你的问题,请参考以下文章

openlayers绘制图形添加至地图

openlayers绘制多边形

openlayers怎么获取当前鼠标点击位置的经纬度,openlayers自带地

OpenLayers绘制图形

openlayers添加标注(含聚合标注)、覆盖物、绘制路线

OpenLayers绘制图形