Create a simple method for adding a marker to a map

Objective: Currently, it is fairly hard to add a simple marker for a point coordinate to an OL map.

The most simple take on this, I can find goes like:

var layer = new ol.layer.Vector({
  source: new ol.source.Vector({
    features: [new ol.Feature({
      geometry: new ol.geom.Point(ol.proj.fromLonLat([6.937, 50.926]))})]})});
 map.addLayer(layer);

This is obviously quite some things to learn for beginners who just want to try to do a quick “hello world” in openlayers.

The leaflet equivalent for example looks like this:

var marker = L.marker([50.926, 6.937]).addTo(map);

possible solution: Create a method/function like the marker function in leaflet to wrap all the complexity, shown in the example above, to make adding a marker to a map more simple.

From experience I can tell, that beginners chose leaflet over openlayers mostly because of the (unnecessary) complexity for basic things like adding a marker to a map in openlayers.

[mike-000]

I don’t think it would be useful in real world situations as developers would need to style markers to suit their applications (as in this example https://openlayers.org/en/master/examples/icon-color.html). A downside of greater flexibility is it needs slightly more code, but anyone attempting to use any mapping library should know enough javascript to put code they use repeatedly into a function. Maybe the example should be revised to reflect that? https://codepen.io/mike-000/pen/QeJZKX

[Siedlerchr]

Have you looked at ol-ext? http://viglino.github.io/ol-ext/