Question

我正在尝试缩放并向HTML openlayers地图添加标记，到目前为止，我已经硬编码了lat和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

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

1 个答案: