如何使用OpenLayers 4.6.4向OSM地图添加图标/标记

我想知道是否有人能给我指出正确的方向。我正在尝试使用OpenLayers 4.6.4向OSM地图添加多个标记/图标

以下代码渲染地图时没有任何问题：

    <script src="https://openlayers.org/en/v4.6.4/build/ol.js"></script>
    <script type='text/javascript'>
        var map = new ol.Map({
            target: 'mapdiv',
            layers: [
                new ol.layer.Tile({
                    source: new ol.source.OSM()
                })
            ],
            view: new ol.View({
                center: ol.proj.fromLonLat([-0.1526069, 51.4790309]),
                zoom: 14
            })
        });
    </script>

var map=新ol.map({
目标：“mapdiv”，
图层：[
新ol.layer.Tile({
来源：new ol.source.OSM（）
})
],
视图：新ol.view({
中心：Lonlat的其他项目（[-0.1526069，51.4790309]），
缩放：14
})
});

我尝试在OpenLayers网站上搜索如何添加标记的信息，但它指出标记已被弃用！我只想在地图上添加一些图钉/标记，以显示站点位置

我还尝试了OpenLayers 2.13.1、2.14和3.0的其他版本，但没有成功

---

非常感谢您的帮助。

旧标记已弃用。您应该将几何图形与图形一起使用。您要找的是：

document.addEventListener（“DOMContentLoaded”，function（））{
变量iconFeature1=新的ol.特征({
几何：新的ol.geom.Point（LONLAT（[-0.1526069，51.4790309]），的ol.proj，
名字：“某处”，
});
变量iconFeature2=新的ol.特征({
几何：新的ol.geom.Point（LONLAT（[-0.1426069，51.4840309]），ol.proj，
姓名：“其他地方”
});
//这一点的具体风格
iconFeature2.setStyle（新ol.style.style({
图片：新ol.style.Icon({
主播：[0.5,46]，
主播：“分数”，
anchorYUnits:'像素'，
src:'https://upload.wikimedia.org/wikipedia/commons/thumb/9/93/Map_marker_font_awesome.svg/200px-Map_marker_font_awesome.svg.png',
})
}));
const iconLayerSource=新ol.source.Vector({
功能：[iconFeature1，iconFeature2]
});
const iconLayer=新ol.layer.Vector({
资料来源：iconLayerSource，
//图层上所有元素的样式
风格：新的ol风格({
图片：新ol.style.Icon({
主播：[0.5,46]，
主播：“分数”，
anchorYUnits:'像素'，
src:'https://openlayers.org/en/v4.6.4/examples/data/icon.png'
})
})
});
常量映射=新ol.map({
目标：“地图”，
图层：[
新ol.layer.Tile({
source:new ol.source.OSM（），
}),
iconLayer
],
视图：新ol.view({
中心：Lonlat的其他项目（[-0.1526069，51.4790309]），
缩放：14
})
});
});
谢谢你的回复和指导，伙计。非常感谢。