点击地图进入省级地图_地图选择器一秒get全国各省市区县的地图

良心分享爱他妈关注不关注

798fdaae3d97e209324e9dcedb296634.png

[主页回复你的出生日期收获给你的祝福]

# 2020 / 09 / 02 周三 # 寻 / 排版 - dejavu # 网站地址在 文末  / 可直接复制收藏

文字介绍。

地图选择器是一款拥有全国行政区域划分地图的小工具。它提供了全国地图、省级地图、市级和县级的地图,并且支持保存为 SVG 格式。进入地图选择器界面,你可以在右边根据地理位置找到省级行政区域,然后找到所在的市,最后就能找到你需要的县级地图了。当然,你也可以在左上角通过搜索快速查找。选择好后,即可存为 SVG 格式的图片,将其拖入 PPT,你可以直接更改它的线框、填充来让你的 PPT 与众不同。通过两层不同行政级别地图的叠加,还能让你的重点更加突出。当然,地图选择器还有更多的用途,对于前端设计人员来说,可以用它来完成数据可视化界面,对于普通人来说,导出的地图就已经够我们创作了。

图片介绍。

8e23a0c646154e0d3320c05238d33b57.png 97fa4324b4e78f771076221cbe3d0a21.png ba579188c3eaf4bb16af9b2b6ab027da.png

9c14a34fd5c85ca62706c4901e5f399f.png

往期热门。

数字帝国-专业的数学计算器,强大的数学工具

读者文摘杂志-在线阅读往期《读者》文摘杂志 2010 - 现今 拨云搜索-帮你查找记忆中的小说,专注于小说搜索引擎

# 本公众号内容追求简洁,不浪费大家时间,每天一句短介绍,即可让你了解该网站。

# 这里专注分享免费且有用的网站,涉及方方面面。

# 这里适合各种人群,每天点开,让你一分钟就能找到需要的信息、资源、工具。

# 谢谢大家的关注,如果大家有好用的网站想要分享,可以在主页点击想不想给我留言,让我带你分享给大家,一起进步。

网站地址:

http://datav.aliyun.com/tools/atlas/#&lat=31.840232667909365&lng=104.32617187499999&zoom=4

ff5feb5b6e436a701212933b80d08754.gif 

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: ECharts是一款开源的数据可视化库,可以通过它来创建各种可交互的图表和地图。要在ECharts中显示甘肃省各区的地块,我们可以使用GeoJSON文件来描述地理边界和位置信息。 首先,我们需要准备一个包含甘肃省各区地理边界和位置信息的GeoJSON文件。这个文件可以通过在地图编辑工具或地理信息系统中创建区边界并导出为GeoJSON格式得到。 接下来,在ECharts中创建一个地图实例,并将GeoJSON文件作为地图数据源导入。使用ECharts提供的geoJson属性,我们可以将地理数据与地图实例进行关联。 然后,我们可以通过ECharts提供的series属性,将地图的类型设置为地理区域,并将数据与GeoJSON文件中的区地块进行映射。可以在series属性中指定渲染区地块的样式,例如颜色、边框样式等。 最后,在ECharts中添加一些交互操作,例如悬浮提示、点击事件等,以提供更好的用户体验和交互功能。 总而言之,通过使用ECharts和GeoJSON文件,我们可以在网页中显示甘肃省各区的地块,并实现交互和可视化效果。这样,用户可以更直观地了解甘肃省各区的地理位置以及其它相关信息。 ### 回答2: echarts是一个数据可视化的开源库,可以用来绘制各种类型的图表,包括地图。GeoJSON是一种常用的地理信息数据格式,可以描述地图上的各种要素,如省、市、的边界等。 如果想在echarts地图上显示甘肃省的区地块,可以按照以下步骤进行操作: 1. 获取甘肃省的区边界数据的GeoJSON文件。可以从官方网站、地理信息数据开放平台等渠道获取。 2. 在echarts中创建地图实例,并设置好相应的配置项。 3. 将获取到的GeoJSON文件加载到echarts中,并通过设置series的geo属性来显示地图。具体的代码如下: ``` // 创建echarts地图实例 var myChart = echarts.init(document.getElementById('map')); // 设置地图配置项 var option = { //...其他配置项 series: [ { type: 'map', map: '甘肃', // 地图名称,即注册的地图名称 data: [], // 地图上需要标记的数据,如果不需要标记可以为空数组 //...其他配置项 } ] }; // 加载甘肃省的GeoJSON数据 $.getJSON('path/to/geojson/gansu.json', function (data) { // 将数据注册为地图 echarts.registerMap('甘肃', data); // 更新地图数据 option.series[0].data = []; // 根据需要设置地图上需要标记的数据 // 渲染地图 myChart.setOption(option); }); ``` 以上代码中的`path/to/geojson/gansu.json`需要替换成实际的甘肃省区边界数据的GeoJSON文件路径。 通过以上步骤,就可以在echarts地图上显示甘肃省的区地块了。 ### 回答3: 使用Echarts的地图组件可以轻松地实现将geojson文件展示在地图上。在甘肃省的情况下,首先需要获取甘肃省的geojson数据,可以从开放数据平台或其他可靠的数据源中获取。 获取到geojson数据后,将其导入到Echarts中,即可在地图上显示甘肃省的地块。具体的操作步骤如下: 1. 在HTML文件中引入Echarts的库文件,确保可以调用Echarts的各种功能。 2. 创建一个包含地图容器的DOM元素,可以是一个div元素,设置其ID属性。 3. 在JavaScript中,创建一个Echarts实例,并使用dom元素的ID作为参数传入。例如:var myChart = echarts.init(document.getElementById('mapContainer')); 4. 使用Ajax或其他方式获取甘肃省的geojson数据,保存为一个变量。 5. 使用Echarts的geoJson属性,将geojson数据传入Echarts实例中。例如:myChart.setOption({ series: [{ type: 'map', map: '甘肃', data: geoJsonData }] }); 6. 设置地图的样式和显示效果,例如:myChart.setOption({ series: [{ type: 'map', map: '甘肃', data: geoJsonData, itemStyle: { normal: { areaColor: '#fff', borderColor: '#999' }, emphasis: { areaColor: '#fcdb9e', borderWidth: 0 } } }] }); 7. 将Echarts实例的图表渲染到页面中,例如:myChart.render(); 通过以上步骤,就可以在页面中显示甘肃省的地块了。可以根据实际需求进行样式的调整,还可以根据数据的变化动态更新地图的显示内容。同时,Echarts地图组件还支持区层级的展示,可以进一步细分地块的显示。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值