GeoJSON地图修改文字位置

使用json格式的地图时,有时候地区的名字并不在地图中间位置,显得非常别扭,如下图:
在这里插入图片描述
GeoJSON是一种用于编码各种地理数据结构的格式。

{
  "type": "Feature",
  "geometry": {
    "type": "Point",
    "coordinates": [125.6, 10.1]
  },
  "properties": {
    "name": "Dinagat Islands"
  }
}

GeoJSON支持以下几何类型:Point,LineString, Polygon,MultiPoint,MultiLineString,和MultiPolygon。具有其他属性的几何对象是Feature对象。要素集包含在FeatureCollection对象中。

那么如何改变地图中文字的位置?
只需要在修改properties中的“cp”属性,如果没有cp属性,加上即可。
cp属性是一个数组,由两个值组成,第一个值代表主轴,第二个值代表交叉轴(关于主轴和交叉轴可简单理解为横纵轴,具体请参考flex布局的主轴和交叉轴)。
cp属性中的值如何确定?
其实可以参考properties中的centroid来进行调整。
以下为调整前:
在这里插入图片描述
调整后:
在这里插入图片描述
调整后效果:
在这里插入图片描述

  • 6
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值