echarts 海南地图将海南群岛弄成缩略图

1.首先我们要处理一下海南省的省级json数据,将三沙市整个去掉

 2、将海南诸岛的json数据放进海南省json数据里

 以下是海南诸岛JSON数据

{
    "type": "Feature",
    "properties": {
    "cp": [111.5, 18.3],
    "name": "南海诸岛",
    "childNum": 1
    },
    "geometry": {
    "type": "Polygon",
    "coordinates": [
        [
        [111.2001953125, 18.7744140625],
        [111.2705078125, 18.716796875],
        [111.3505859375, 18.7109375],
        [111.6, 18.8310546875],
        [111.2001953125, 18.8310546875],
        [111.2001953125, 18.7744140625]
        ],
        [
        [111.330078125, 18.6796875],
        [111.390625, 18.6904296875],
        [111.3603515625, 18.6376953125],
        [111.310546875, 18.626953125],
        [111.330078125, 18.6796875]
        ],
        [
        [111.3203125, 18.55859375],
        [111.3408203125, 18.568359375],
        [111.3408203125, 18.5478515625],
        [111.3251953125, 18.5380859375],
        [111.3251953125, 18.5380859375],
        [111.3203125, 18.55859375]
        ],
        [
        [111.3603515625, 18.443359375],
        [111.3701171875, 18.443359375],
        [111.4208984375, 18.4228515625],
        [111.4208984375, 18.4228515625],
        [111.3603515625, 18.443359375]
        ],
        [
        [111.2607421875, 18.3173828125],
        [111.2802734375, 18.3271484375],
        [111.2802734375, 18.3173828125],
        [111.2607421875, 18.3173828125]
        ],
        [
        [111.4306640625, 18.1806640625],
        [111.490234375, 18.2021484375],
        [111.5, 18.2021484375],
        [111.4501953125, 18.1806640625],
        [111.4306640625, 18.1806640625]
        ],
        [
        [111.5703125, 18.2705078125],
        [111.630859375, 18.3330078125],
        [111.640625, 18.3330078125],
        [111.5908203125, 18.2705078125],
        [111.5703125, 18.2705078125]
        ],
        [
        [111.6806640625, 18.4169921875],
        [111.7109375, 18.4365234375],
        [111.7109375, 18.40625],
        [111.69140625, 18.40625],
        [111.6806640625, 18.4169921875]
        ],
        [
        [111.7109375, 18.5380859375],
        [111.7109375, 18.5224609375],
        [111.73046875, 18.5224609375],
        [111.73046875, 18.5029296875],
        [111.73046875, 18.5029296875],
        [111.7109375, 18.5380859375]
        ],
        [
        [111.720703125, 18.6328125],
        [111.75, 18.6435546875],
        [111.75, 18.61328125],
        [111.740234375, 18.61328125],
        [111.720703125, 18.6328125]
        ],
        [
        [111.7802734375, 18.7060546875],
        [111.7900390625, 18.7060546875],
        [111.7607421875, 18.685546875],
        [111.7607421875, 18.685546875],
        [111.7802734375, 18.7060546875]
        ],
        [
        [111.6844775390625, 18.82571662050116],
        [111.71821044921875, 18.767616176328035],
        [111.75155639648438, 18.827016441626743],
        [111.6844775390625, 18.82571662050116]
        ],
        [
        [111.2001953125, 18.7744140625],
        [111.2109375, 18.7744140625],
        [111.2109375, 18.107421875],
        [111.830078125, 18.107421875],
        [111.830078125, 18.825078125],
        [111.5908203125, 18.8250546875],
        [111.5908203125, 18.8310546875],
        [111.8408203125, 18.8310546875],
        [111.8408203125, 18.1025390625],
        [111.2001953125, 18.1025390625],
        [111.2001953125, 18.7744140625]
        ]
    ]
    }
}

然后地图就展示如下了

希望能帮到有需要的人 

  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值