如何使用 JSON 坐标向 OPENLAYERS 地图添加标记？

【问题标题】：How to add markers to OPENLAYERS map with JSON coordinates?如何使用 JSON 坐标向 OPENLAYERS 地图添加标记？
【发布时间】：2015-12-23 15:35:57
【问题描述】：

我正在尝试对 HTML openlayers 地图进行缩放和添加标记，到目前为止，我对从 JSON 结果中提取的 lat 和 long 进行了硬编码。我想首先在该位置放置一个标记，然后使用 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'
});

【问题讨论】：

反馈如何？

标签： javascript json openlayers-3 markers

【解决方案1】：

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

使用矢量源 (ol.source.Vector) 创建矢量图层 (ol.layer.Vector)
将图层包含在地图的“图层”数组中
创建具有所需几何形状的特征 (ol.Feature)
在矢量源上调用 addFeature() 以将特征添加到图层

确保您转换几何坐标（如果它们是纬度/经度）。

以下内容可能会有所帮助：

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

【讨论】：

谢谢，当我开始在我的数组中注入 vectorLayer 时，我得到一个控制台错误 "Uncaught TypeError: Cannot read property 'closure_uid_152235684' of undefined" 。我是这样写的：layers: [ new ol.layer.Tile({ source: new ol.source.OSM()}), vectorLayer ],
@sarah_g 来个小提琴怎么样？