【Mars3d】new mars3d.layer.GeoJsonLayer({不规则polygon加载label不在正中间的解决方案

176 篇文章 2 订阅
159 篇文章 0 订阅
文章讲述了在使用Mars3D的GeoJsonLayer时,如何处理不规则polygon中label不在中心位置的问题,提出通过在图形数据中添加坐标点位属性来精确控制label位置,以及针对特殊情况的解决方案。
摘要由CSDN通过智能技术生成

问题:

1.new mars3d.layer.GeoJsonLayer({type: "polygon",在styleOptions里配置label的时候,发现这个

不规则polygon加载的时候,会出现label不在中心位置。

  graphicLayer = new mars3d.layer.GeoJsonLayer({

    name: "全国省界",

    url: "//data.mars3d.cn/file/geojson/areas/100000_full.json",

    format: simplifyGeoJSON, // 用于自定义处理geojson

    symbol: {

      type: "polylineP",

      styleOptions: {

        width: 2,

        materialType: mars3d.MaterialType.LineFlow,

        materialOptions: {

          color: "#00ffff",

          image: "img/textures/fence-line.png",

          speed: 10,

          repeat_x: 10

        },

        distanceDisplayCondition: true,

        distanceDisplayCondition_far: 12000000,

        distanceDisplayCondition_near: 100000,

        label: {

          text: "{name}",

          position: "{center}", // 省会位置center

          font_size: 30,

          color: "#ffffff",

          outline: true,

          outlineColor: "#000000",

          scaleByDistance: true,

          scaleByDistance_far: 60000000,

          scaleByDistance_farValue: 0.2,

          scaleByDistance_near: 1000000,

          scaleByDistance_nearValue: 1,

          distanceDisplayCondition: true,

          distanceDisplayCondition_far: 10000000,

          distanceDisplayCondition_near: 100000,

          setHeight: 10000

        }

      }

    },

    flyTo: true

  })

  map.addLayer(graphicLayer)

  label: {

          text: "{name}",

          position: "{center}", // 省会位置center

这个配置可以看到在不规则的时候,就无法显示在中心了,是因为sdk内部计算多个点的点位中心依靠的是数学的围合面的多个点的中心点坐标算法计算的。

相关链接:

PolyUtil - V3.6.18 - Mars3D API文档

翻看了mars3d.graphic.PolygonEntity.StyleOptions,面 支持的样式信息这个label的文字所在位置除了center还有其他的位置是可以额外支持的。

解决方案:

可以在我们的图形数据里面加properties,带着坐标点位,就类似我们自己维护的数据一样,加个参数是专门显示点位的。

真正在项目中遇到的不规则的面数据也没几个,可以一个个点一下,避免通过center获取中心点有时候会在图形之外的问题。

默认是中心点位,遇到一个不正确的就修改一个。

  • 16
    点赞
  • 20
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值