svg 地图_找地图素材?有这个网站就够了!

本文推荐了一个地图素材网站datav.aliyun.com/tools/atlas,提供从全国到区县各级别的准确地图,支持SVG下载,可在PPT中编辑使用,解决地图准确性问题。
摘要由CSDN通过智能技术生成
f77ea2be2724f6bdfce09451f0657840.png 文 | 孙宁 使用地图类的素材最担心什么? 答案是:地图数据的准确性! 设想,你辛辛苦苦找来的地图素材,却被人发现是一个假的地图,那可是要犯错误滴~   今天给大家推荐一个地图网站,完全不用担心这个问题。 网址是: datav.aliyun.com/tools/atlas   f4b655d546143967bdcf17d810f45afc.png   网站包含大到全国、各省、各市,小到各区县的地图, 数据非常准确,可以随意下载,还可以导入PPT编辑使用。   选择每一个省份,进入省级地图: fd56827f2d120e2927db7e26c9a0d02a.png 然后继续点击进入 市级地图:
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
使用 echarts 生成 svg 地图,需要先准备好地图数据,然后使用 echarts 的 geo 组件进行绘制。具体步骤如下: 1. 准备地图数据,可以从 echarts 官网下载或者使用第三方提供的地图数据。 2. 引入 echarts 库和地图数据。 3. 创建一个 div 容器,用于显示地图。 4. 初始化 echarts 实例,并设置容器和主题。 5. 配置 geo 组件,设置地图类型、地图数据、缩放级别等。 6. 配置 series 组件,设置数据和样式。 7. 调用 echarts 实例的 setOption 方法,将配置项传入。 下面是一个简单的示例代码: ```html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>echarts生成svg地图</title> <script src="https://cdn.jsdelivr.net/npm/echarts/dist/echarts.min.js"></script> </head> <body> <div id="map" style="width: 800px; height: 600px;"></div> <script type="text/javascript"> // 引入地图数据 echarts.registerMap('china', { "type": "FeatureCollection", "features": [ // 省份数据... ] }); // 初始化echarts实例 var myChart = echarts.init(document.getElementById('map'), 'light'); // 配置geo组件 myChart.setOption({ geo: { map: 'china', roam: true, zoom: 1.2, label: { show: true, fontSize: 12, color: '#000' }, itemStyle: { areaColor: '#f5f5f5', borderColor: '#999' } }, series: [{ type: 'map', map: 'china', data: [ // 数据... ], label: { show: true, fontSize: 12, color: '#000' }, itemStyle: { areaColor: '#ff0000' } }] }); </script> </body> </html> ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值