OpenLayers 6添加制造商标签或文本

问题描述

刚开始使用OL（v6），我被困在向地图中的标记添加标签上。有什么简单的方法可以在标记附近显示标签/文本？（例如，在此示例中为“ point1”和“ point2”）。感谢您的帮助。

以下是我用来添加标记的基本jsfiddle code：

const p1 = new ol.Feature({
  geometry: new ol.geom.Point(ol.proj.fromLonLat([-115.20,38.])),name: 'uno',});

const p2 = new ol.Feature({
  geometry: new ol.geom.Point(ol.proj.fromLonLat([-115.22,38.01])),name: 'zero',});

var map = new ol.Map({
  target: 'map',layers: [
    new ol.layer.Tile({
      source: new ol.source.OSM()
    }),new ol.layer.Vector({
      source: new ol.source.Vector({
        features: [p1,p2]
      }),style: new ol.style.Style({
        image: new ol.style.Icon({
          anchor: [0.5,46],anchorXUnits: 'fraction',anchorYUnits: 'pixels',src: 'https://icon-library.net/images/google-maps-gps-icon/google-maps-gps-icon-14.jpg',scale: 0.1
        })
      })
    })
  ],view: new ol.View({
    center: ol.proj.fromLonLat([-115.21,38]),zoom: 11
  })
});

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

openlayers openlayers-6