在openlayers上添加标记会导致“未捕获的TypeError：无法读取未定义的属性'addLayer'”

Question

我正在尝试将标记添加到我们的地图项目中，但是似乎没有用。 我是第一次与ol合作，该项目是由另一个人编写的。

所以我们开始。 我在地图上有一个区域，该区域有一些物体。该区域有一个矢量圆圈，但是对象没有任何指示器，因此我们决定以一种粗略的方式添加它们。

基本上，我在菜单中添加了一个eventListener，并且onClick它已经将我居中到该对象。 我从文档中添加了以下代码（我们正在使用ol4），它给了我Uncaught TypeError: Cannot read property 'addLayer' of undefined 任何想法我在做什么错？

var marker = new ol.Feature({
                    geometry: new ol.geom.Point(
                   ol.proj.fromLonLat([coords])
                    ),
                });
marker.setStyle(new ol.style.Style({
                    image: new ol.style.Icon(({
                        crossOrigin: 'anonymous',
                        src: '/kaart/images/indicator.svg'
                    }))
                }));
var vectorSource = new ol.source.Vector({
                    features: [marker]
                });
var markerVectorLayer = new ol.layer.Vector({
                    source: vectorSource,
                });
map.addLayer(marker);