我想在Openlayer地图上添加这些圈子点击鼠标

时间:2017-02-22 08:11:14

标签: javascript jquery gis openlayers

我想使用jQuery在地图上制作一个圆圈。在这个给定的代码中,圈子是随机的。但是我想点击一个圈子。 Openlayer.js可以在Openlayer网站上找到。

select length('Burger') from dual;

2 个答案:

答案 0 :(得分:2)

我强烈建议您研究一下:http://openlayers.org/en/latest/examples/draw-features.html

以下是该示例的极简主义版本:

Preferences | Version Control | Ignored Files

虽然它不会通过jquery创建形状,但它允许在地图上绘制圆圈。

希望它有所帮助,快乐编码:)

答案 1 :(得分:1)

是的如果您正在使用Openlayer2,这将帮助您欢呼。此外,我在jsfiddle附加了代码   `



var point1 = new OpenLayers.Geometry.Point(0, 0);
var point2 = new OpenLayers.Geometry.Point(5000000, 1000000);
var point3 = new OpenLayers.Geometry.Point(2000000, 2000000);
var radius = $("#amount").val();
var mycircle = OpenLayers.Geometry.Polygon.createRegularPolygon(point2, radius, 20, 0);
var featurecircle = new OpenLayers.Feature.Vector(mycircle);

marker1 = new OpenLayers.Feature.Vector(point1, null, {
  externalGraphic: "marker.png",
  graphicWidth: 32,
  graphicHeight: 32,
  fillOpacity: 1
});
marker1.style = {
  display: 'none'
};




http://jsfiddle.net/zLjae81b/18/`