openlayer通过FeatureCollection对象方式加载feature

最新推荐文章于 2024-12-02 16:43:55 发布

风里有诗句哈

最新推荐文章于 2024-12-02 16:43:55 发布

阅读量1.7k

点赞数

分类专栏：快速掌握openLayers基础知识和实际案例

本文链接：https://blog.youkuaiyun.com/Vansal/article/details/105135961

版权

快速掌握openLayers基础知识和实际案例专栏收录该内容

7 篇文章 ¥99.90 ¥299.90

订阅专栏

超级会员免费看

本文介绍了如何在OpenLayers中利用FeatureCollection对象加载点特征，并展示了结合turf.js库将生成的地理特征添加到地图上的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

常用styleFunc

var styleFunc = function (feature) {
  var property = feature.getProperties();
  return new ol.style.Style({
    // 图片
    image: new ol.style.Icon({
      src: '../../images/windAlter.png',
      anchor: [0.5, 0.5],
      //size: [76, 68],
      offset: [0, 0],
      opacity: 1,
      scale: 1,
      rotation: property.CompCourseAngle * Math.PI / 180
    }),
    // 字体
    text: new ol.style.Text({
      font: '16px 微软雅黑 ',
      text: property.name,
      fill: new ol.style.Fill({
        color: '#021935'
      }),
      stroke: new ol.style.Stroke({
        color: 'rgba(0,0,0,0)',
        width: 1
      }),
      //offsetX: 12,
      offsetY: -34
    }),
    // 圆形
    image: new ol.style.Circle({
      // 圆形颜色

了解本专栏