Question

注意：这与：How to move OpenLayers Vector programmatically?

不同

我有一个简单的openlayers地图项目。我需要显示并移动一些向量。

我创建这样的矢量并且效果很好：

var feature = new OpenLayers.Feature.Vector(
new OpenLayers.Geometry.Point( unit.lon,unit.lat ).transform(epsg4326, projectTo),
                            {description:'This is the value of<br>the description attribute'} ,
                            {externalGraphic: '/assets/admin/layout/img/avatar/' + unit.id + '.png', graphicHeight: 74, graphicWidth: 60, graphicXOffset:-12, graphicYOffset:-25  }
                    );

feature.id = unit.id;
vectorLayer.addFeatures(feature);

然而，我试图将这些向量移动到某个精确的LonLat。我尝试过很多东西。其中一个在下面：

 var feature = vectorLayer.getFeatureById(unit.id);
 movePoint(feature.point, unit.lon, unit.lat);        
vectorLayer.redraw();

function movePoint(point, x, y) { point.x = x; point.y = y; point.clearBounds(); }

另一个是：

var feature = vectorLayer.getFeatureById(unit.id);
feature.geometry.move(unit.lon, unit.lat);
vectorLayer.redraw();

据我所知，最后一次移动方法使用像素差异。但我不想使用差异。而不是直接使用精确的经度和纬度参数。

再次，将矢量/点以编程方式移动到精确位置的方法是什么？

我的Google地图以及我项目中的OSM，投影问题是否会成为问题？

我刚刚开始开发openlayers。任何帮助将不胜感激。

Answer 1

我相信，用于创建矢量要素的点将分配给该要素的几何属性。

尝试在第一个示例中设置feature.geometry.x和feature.geometry.y，而不是设置feature.point。

更新了fiddle，主要部分是：

    var targetLoc = new OpenLayers.LonLat(-16, 50).transform(epsg4326, projectTo);
    feature.geometry.x = targetLoc.lon;
    feature.geometry.y = targetLoc.lat;
    vectorLayer.redraw();

Answer 2

很可能与投影有关。如果您使用的是Google地图和OSM，则坐标系统为3857（球形墨卡托），以米为单位。您需要先将lat / lon转换为此值，然后调用move，例如

var fromProj = new OpenLayers.Projection("EPSG:4326");
var toProj = new OpenLayers.Projection("EPSG:3857");
var point = new OpenLayers.LonLat(-1, 52);
point.transform(proj, toProj);
feature.geometry.move(point);

docs中有一些有用的信息。

您还可以在地图构造函数中设置mapProjection和displayProjection，然后您可以使用：

point.transform(fromProj, map.getProjectionObject()) as well.

有关设置地图投影属性的更多信息，请参阅此 gis.stackexchange.com answer。

移动OpenLayers.Feature.Vector或OpenLayers.Geometry.Point失败

2 个答案: