Question

我正在使用OpenLayers（OL3）在地图上显示形状和对象。

形状代表建筑物，并且将具有SVG或PNG中的图像资源。我需要在地图上放置适当比例和旋转的图像，并且仍然可以缩放/平移。

我在这里找到了一个使用OpenLayers 2的非常好的例子： http://gis.ibbeck.de/ginfo/apps/OLExamples/OL27/examples/ExternalGraphicOverlay/ExternalGraphicOverlay.asp

我将此转换为OL3（我需要进行地图旋转）时遇到问题。我遇到的问题是这个（OL2中的示例代码）：

var context = {
   getW : function(){
     return theWidth * theResolution / map.getResolution();
   },
   getH : function(){
     return theHeight * theResolution / map.getResolution();
   },
   getR : function(){
     return theRotation;
   }
};
var template = {
   graphicWidth   : "${getW}",
   graphicHeight  : "${getH}",
   rotation       : "${getR}"
};
var styleMap = OpenLayers.Style(template, {context: context});
vectorLayer.styleMap = styleMap;

我没有找到如何将其转换为ol.style.Style以在缩放比例的图层上设置图像。

如何使用OL3实现这一目标？

Answer 1

也许ol.source.ImageStatic（API documentation）正是您要找的？

如何使用Open Layers 3在地图上添加可缩放图形？

1 个答案: