java 地理围栏实现_基于OpenLayers实现地理围栏 谷歌百度高德地图都可以

前言.因为项目有点特殊，需要接入谷歌地图实现地理围栏，因为谷歌地图的地理围栏接口相关接口并不完善，于是就换了一个思路，利用OpenLayers来实现地理围栏 openlayers 中文地址 http://weilin.me/ol3-primer/ch02/index.html

`X9(1OM@MU089}IGC$C4$FA.png

这是效果实现图，以下是思路

1.第一步肯定是用户在地图上随意画一个圈，然后我们能获取这个圈在地图上的坐标，否则这一切并没有意义。

参考文章 http://weilin.me/ol3-primer/ch09/09-07.html

不过我这里对文章的代码略作改动

var lineDraw = new ol.interaction.Draw({

type: 'Polygon',

source: lineLayer.getSource(), // 注意设置source，这样绘制好的线，就会添加到这个source里

freehand: true,

});

注意这里的 type: 'Polygon', 和文章不一样 其他的设置样式什么的自行参考；

改动完毕，运行一下 在 获取位置，得到效果图如下