openlayers4.6-点击添加图标

 // 添加icon marker
  addIconMarker1(map) {
    map.on('singleclick', function (evt) {
      var coordinate = evt.coordinate;
      var hdms = ol.proj.transform(
        coordinate, 'EPSG:3857', 'EPSG:4326');

      console.dir(coordinate);

      var startMarker = new ol.Feature({
        type: 'icon',
        geometry: new ol.geom.Point(coordinate)
      });

      var vectorLayer = new ol.layer.Vector({
        source: new ol.source.Vector({
          features: [startMarker]
        }),
        style: new ol.style.Style({
          image: new ol.style.Icon({
            anchor: [0.5, 1],
            src: 'https://openlayers.org/en/v4.6.5/examples/data/icon.png'
          })
        })
      });
      map.addOverlay(vectorLayer);
    });
  }