Echarts自定义地图显示区域,可以显示公园,小区,学校等区域

本文介绍了如何使用Echarts自定义地图,展示如何在百度地图上定位并使用geojson.io绘制特定区域,如公园、小区、学校等,详细阐述了从选择区域、绘制坐标到编辑属性和融合地理信息的步骤。

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

目        录

一、实现功能:

二、需要使用的工具:

三、步骤:

      1. 在百度地图上,找到需要绘制echart区域的位置

      2. 到 geojson.io, 绘制我们地图上的区域

      3. 选择需要绘制的区域

      4. 开始拖拽地图上的坐标点,使坐标点落在想要的区域上

      5. 完成我们的坐标绘制

      6. 为生产的区域坐标信息添加属性,比如地图上显示的名称,父亲节点的ID

      7. 将新生产的区域坐标信息与城市的坐标信息进行融合     

      8. 最后下载


一、实现功能:

       显示阜新市清河门区的城区地图。因为没有找到Echarts需要的城区地理信息。需要自己制作一个。

二、需要使用的工具:

       1. 下载Echarts需要使用的地区json地理信息文件:DataV.GeoAtlas地理小工具系列

       2. 在线编辑地区的json地理信息文件: geojson.io | powered by Mapbox

三、步骤:

      1. 在百度地图上,找到需要绘制echart区域的位置

       比如,阜新市阜新蒙古族自治县伊吗图镇及氟化工产业园区

       2.   到 geojson.io, 绘制我们地图上的区域

       首先切换成“卫星视角”,然后选择“画圈工具”。

       3.   选择需要绘制的区域

        step1: 在地图上画上我们想生产echarts地理信息的区域后:

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

IT小悟

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值