如何在OpenLayers.Layer.Markers层中移动标记?

时间:2012-02-14 14:00:10

标签: openlayers

如何以编程方式移动OpenLayers.Layer.Markers图层上的现有标记?我似乎找不到合适的方式。

这是否受到支持?或者我是否必须使用Vector图层?

marker.moveTo()函数对我不起作用,我在lat / lon中有坐标。

3 个答案:

答案 0 :(得分:11)

如果您有新点的lon / lat,则标记可以移动为:

var newLonLat = new OpenLayers.LonLat(lon, lat);
var newPx = map.getLayerPxFromLonLat(newLonLat);
myMarker.moveTo(newPx);

答案 1 :(得分:4)

marker.moveTo()不是“正式的”APIMethod。它在OpenLayers中由其他方法在内部使用,实际上不鼓励您使用未标记为“APIMethod”的方法。

不会在新位置移除和添加标记符合您的要求吗?对此有removeMarker()addMarker()个APIMethods。

如果没有,我会考虑使用Vector层,因为它在渲染和操作功能方面更加灵活。

答案 2 :(得分:1)

这是一个完整的工作示例,演示点击事件上的移动标记

CoffeeScript的:

projection_4326 = new OpenLayers.Projection("EPSG:4326") #Transform from WGS 1984
projection_900913 = new OpenLayers.Projection("EPSG:900913") # Spherical Mercator Projection
markers = new OpenLayers.Layer.Markers( "Markers")
marker = new OpenLayers.Marker(new OpenLayers.LonLat(0,0).transform(projection_4326, projection_900913), icon)
markers.addMarker(marker)
map = new OpenLayers.Map(...init...stuff)
map.addLayers([markers])
map.events.register "click", map, (e) ->
            opx = map.getLayerPxFromViewPortPx(e.xy)
            lonLat = map.getLonLatFromPixel(e.xy)
            # now, if your coordinates are in EPSG:4326 you would have to convert the lonLat here
            #new_position = marker.lonlat.transform(projection_4326, projection_900913)
            marker.map = map
            marker.moveTo(opx) #or new_position