如何使用JSON座標將標記添加到OPENLAYERS地圖？

我想放大和添加標記到一個HTML openlayers地圖，到目前爲止我硬編碼拉特和長從JSON結果拉。我想首先在該位置放置一個標記，然後使用lat和lng創建一個函數以避免編碼，並且能夠放下任何JSON條目的標記。如何使用JSON座標將標記添加到OPENLAYERS地圖？

這是我的代碼到目前爲止，位置放大到位置，但無法找到如何放下標記？謝謝！

var map = new ol.Map({ 
    layers: [ 
    new ol.layer.Tile({ 
    source: new ol.source.OSM()}) 
    ], 
    view: new ol.View({ 
    center: ol.proj.fromLonLat([103.835471, 1.303371]), 
    zoom: 6 
    }), 
target: 'map' 
});

來源

2015-09-25 jess_g

怎麼樣的反饋？ –

以下是基本步驟要遵循：

創建一個矢量源的矢量圖層（ol.layer.Vector）（ol.source.Vector）
包括在地圖中的「圖層」圖層陣列
創建一個具有所需幾何圖形的特徵（ol.Feature）
在矢量源上調用addFeature()以添加特徵t o圖層

確保您爲幾何圖形轉換座標，如果它們是緯度/經度。

下可能會有所幫助：

http://openlayers.org/en/v3.9.0/examples/icon.html

來源

2015-09-25 19:17:07

謝謝，一旦我開始在我的數組中注入vectorLayer，我得到一個控制檯錯誤「Uncaught TypeError：無法讀取未定義的屬性'closure_uid_152235684'。我寫的那樣：層：新ol.layer.Tile（{ 來源：新ol.source.OSM（）}），vectorLayer ]， –

@sarah_g怎麼樣小提琴？ –

如何使用JSON座標將標記添加到OPENLAYERS地圖？

回答

相關問題