如何使用 JSON 坐標向 OPENLAYERS 地圖添加標記？

Question

我正在嘗試縮放並將標記添加到 HTML openlayers 地圖，到目前為止，我對從 JSON 結果中提取的經緯度進行了硬編碼。 我想首先在該位置放置一個標記，然后使用 lat 和 lng 創建一個函數以避免硬編碼並能夠為任何 JSON 條目放置一個標記。

到目前為止，這是我的代碼，該位置已很好地縮放到該位置，但找不到如何放置標記？ 謝謝！

 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'
});

Answer 1

以下是您要遵循的基本步驟：

• 創建矢量層（ ol.layer.Vector與載體源）（ ol.source.Vector ）
• 將圖層包含在地圖的“圖層”數組中
• 創建具有所需幾何形狀的特征 ( ol.Feature )
• 在矢量源上調用addFeature()以將特征添加到圖層

如果它們是緯度/經度，請確保轉換幾何體的坐標。

以下內容可能會有所幫助：

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