如何在 OpenLayers 中使用较大图像的一部分作为标记？

Question

是否可以使用 OpenLayers 来使用较大图像的一部分作为标记？

像这样（在谷歌地图中）：

var icon = new google.maps.MarkerImage(
"img/marker_sprite.png", 
new google.maps.Size(26, 44), 
new google.maps.Point(0, 44)
);

Answer 1

在 OpenLayers 中向地图添加标记的基本方法是从向地图添加标记图层开始，您可以这样做：

var markers = new OpenLayers.Layer.Markers("Markers");
map.addLayer(markers);

然后您需要向该图层添加标记，其过程如下：

var position = new OpenLayers.LonLat(longitude, latitude);
position.transform(new OpenLayers.Projection("EPSG:4326",
                   map.getProjectionObject());

var icon = new OpenLayers.Icon("img/marker_sprite.png",
                               new OpenLayers.Size(26, 44));

var marker = new OpenLayers.Marker(position, icon);
markers.addMarker(marker);

不幸的是，这是不可能的据我所知，因此请在图像文件中设置标记的原点，以便您可以只使用图像的一部分。好吧，你可以，但前提是你想要的部分在角落里，这不是很有帮助。