Echarts: 绘制完整中国地图

摘要:
首先,渲染通常直接介绍给中国Js:import'charts/map/Js/China';但如果你想在地图的基础上进行定制,你首先需要地图数据,如下:1.首先获取中国地图省份的地理数据;从'charts/map/json/china导入chinaGeo。json'2.解码json;解码(chinaGeo)解码方法:echarts/coord/geo/p

先上效果图

Echarts: 绘制完整中国地图第1张

 一般来说,直接引入 china.js: import 'echarts/map/js/china' 即可; 但如果要在地图基础上定制化, 首先就需要地图数据, 如下:

1. 首先拿到中国地图省份Geo数据; import chinaGeo from 'echarts/map/json/china.json'

2. 对 json解码; decode(chinaGeo) decode方法: echarts/coord/geo/parseGeoJson.js

3. 往解码得到的 GeoJson.features 中添加南海诸岛, 钓鱼岛坐标数据; echarts/coord/geo/fix/[diaoyuIsLand, nanhai] 

至此, 便得到完整的中国地图板块数据; 截图中多出的深圳市也是以同样方法得到 广东省(echarts/map/json/province/guangdong.json)下深圳的数据

// 附: 中国地图大概的中心点坐标

// 123.353273,53.483665 北
// 109.592095,18.004877 南
// 135.201132,48.276569 东
// 73.533393,39.292517 西
const chinaGeoCenter = [104.367262, 35.844271]

免责声明:文章转载自《Echarts: 绘制完整中国地图》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇C# Socket与实现(转)使用Node.js给图片加水印的方法下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

学习HTML5获取地理位置定位信息--(通过百度地图API,google地图API的两种方式)

前言:它是依赖于 百度地图API或google地图API 的功能,并且要允许定位; 思想:h5方式仅能获取到经纬度,通过得到的经纬度然后ajax调用百度地图和谷歌地图等提供的这方面的接口,才获取到的具体位置信息。 HTML5提供了地理位置定位功能(Geolocation API),能确定用户位置,我们可以借助HTML5的该特性开发基于地理位置信息的应用。本...

Geo-localization论文阅读list1

Geo-localization论文阅读list1 从Week16开始,博主主要工作转为阅读Geo-localization专业论文,鉴于专业论文和深度学习基础论文的特点差异,专业论文总结将会以一个一个的list呈现。 文章目录 Geo-localization论文阅读list1 1. Learning Deep Representations f...

CDN调度器HAProxy、Nginx、Varnish

CDN功能如下:1、将全网IP分为若干个IP段组,分组的依据通常是运营商或者地域,目的是让相同网络环境中的用户聚集到相同的组内;2、依据CDN服务器们的网络和容量,确定哪些CDN服务器适合服务哪些IP段组;3、根据以上两步得到的结论,让用户去最适合他的服务器得到服务。 说白了,就是根据用户不同的来源IP把用户请求重定向到不同的CDN服务器上去。那么,如何实...