如何在OpenLayers 3中创建静态标记?

伊内斯·扎尔卡(Ines Zarka)

我对javascript和OpenLayers的掌握程度不高,我正在尝试实现一张带有静态标记的地图,该标记指向世界各地的机场。
好吧,我试图搜索我的答案,但我无法解决我的问题。

我已经尝试找到文档或示例,但是每次都行不通。

请问有人可以通过告诉我如何根据数据列表创建标记来帮助我吗?

非常感谢。

乔纳塔斯·沃克(Jonatas Walker)

小提琴

var vectorLayer = new ol.layer.Vector({
  source: new ol.source.Vector({
    format: new ol.format.GeoJSON(),
    url: 'url_of_your_file'
  })
});
map.addLayer(vectorLayer);

这样,您可以将GeoJSON文件加载到地图中。

例如,如果您想要一个圆形标记,则可以添加一个ol.layer.Vector喜欢的样式

var vectorLayer = new ol.layer.Vector({
  source: new ol.source.Vector({
    format: new ol.format.GeoJSON(),
    url: 'url_of_your_file'
  }),
  style: new ol.style.Style({
    image: new ol.style.Circle({
      radius: 10,
      fill: new ol.style.Fill({
        color: '#ffff00'
      })
    })
  })
});

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何在OpenLayers 3中禁用DragPan?

如何在OpenLayers中创建自定义几何?

如何在OpenLayers 3中隐藏和显示功能?(重画?)

如何在Openlayers 3的图像层中删除要素

如何在OpenLayers 3中删除侦听器

如何在openlayers 3中的悬停上更改光标?

如何在Openlayers 3中显示ESRI矢量底图

如何在openlayers3中指定GeoJSON的投影?

如何在Openlayers3中编辑选定的文本?

如何在openlayers3中使用Geojson的功能?

如何在 openlayers 3 中的 SVG 中创建距离刻度环?

如何在openLayers中的折线中添加样式?

如何在openlayers 3的固定屏幕位置上显示文本

如何在openlayers中的点之间添加线

如何在openlayers 6中从地图的postcompose事件获取画布

如何在OpenLayers中绘制更复杂的图形对象?

如何在OpenLayers中获取绘制框的坐标?

如何在 Angular 9 的 OpenLayers 中绑定缩放更改

如何在 openlayers API 中定义缩放按钮?

如何在JavaScript中订阅OpenLayers 5.3.0事件?

如何在 OpenLayers 中的地图上放置 HTML 元素

如何在openlayers中从数组的连续点绘制线串

如何在Openlayers 5中右键单击删除功能

如何在OpenLayers中手动加载GeoJSON图层

如何在openlayers中优先显示图像图标?

如何在openlayers中添加WFS和WMS?

如何在openlayers中设置绘制圆半径的限制?

如何在 openlayers 中定义 webgl 点的大小?

Openlayers3:如何在标记图标周围添加彩色边框?