2017-01-23 34 views

回答

0

您可以轻松地添加绘制互动地图,因为它是在一定的OpenLayers 3点所示的例子:

  • https://openlayers.org/en/latest/examples/draw-features.html
  • https://openlayers.org/en/latest/examples/draw-and-modify-features.html
  • https://openlayers.org/en/latest/examples/draw-freehand.html
  • 你只需要创建一个矢量图层抽奖互动与共享矢量源,并把它们添加到地图:

    var drawSource = new ol.source.Vector({wrapX: false}); 
    var drawVector = new ol.layer.Vector({ 
        source: drawSource 
    }); 
    var draw = new ol.interaction.Draw({ 
        source: drawSource, 
        type: 'LineString' 
    }); 
    drawVector.setMap(map); 
    map.addInteraction(draw); 
    

    你会发现在这个jsfiddle

    +0

    一个例子,但lcarus,这个LineString会在CPU或GPU中执行吗?我想要Webgl编码,因为这将确保在GPU而不是CPU中运行。 – user6730740

    +0

    我没有指定这个,因为它没有在你的问题中描述。如果您查看示例代码,所有功能,样式,来源和图层均以正常方式创建,唯一发生变化的是ol.renderer,类型,它在我们创建地图时设置为“webgl”。我们在交互中所做的事情基本上是添加一个具有常规功能的新矢量图层,例如我们在Openlayer 3站点示例中找到的内容。 – Icarus

    +0

    对不起,其实我只在标题中提到“使用webgl”。忘记在问题描述中提及它。 – user6730740