2017-01-23 35 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