echart之全国地图切换省级地图
这是在基础地图地图的基础上结合echarts2的改进版本，echarts2中的版本只有左上角的全国地图的比较简单的实例代码。 《一线大厂Java面试题解析+后端开发学习笔记+最新架构讲解视频+实战项目源码讲义》开源 现在的比较完善（点击全国地图上的省显示对应省内各市的热力分布，对应的全国地图和省级地图的位置大小都会相应的变化，然后再点击右上角的返回全国按钮的时候，隐藏省级地图，全国地图回复原来的大小的位置。）
首先定义几个数据变量：
province_data:全国地图对应的各省的地图数据。
city_data:全国所有省包含的市级数据。
province_option:全国地图对应的option。
city_option:点击显示的省级的地图的option。
city_series:市级地图对应是series
doc_city_table:市级数据显示在页面的表格的id
//地图对应的dom容器，表忘记给其设置长度和宽度返回全国//返回全国地图的按钮，点击切换至全国地图，隐藏省级地图。
其次引入地图的js文件（去官网下载最新的地图组件）
//我将所有的各个省的js代码整合到一个文件中province_data示例数据：
data:[{name: ‘北京’,value: Math.round(Math.random()*1000)}]
city_data示例数据：
data:[{name: ‘潍坊’,value: Math.round(Math.random()*1000)}]
最后实例化对应的echarts的dom容器。
var Map_country_chart = echarts.init(document.getElementById(‘map_country’));
var province_option = {
title : {
text : ‘全国医生分布’,
left : ‘center’,
textStyle : {
fontSize:25,
color : ‘#001934’,
fontWeight :‘normal’
}
},
tooltip : {
trigger : ‘item’
},
legend : {
show : false,
orient : ‘vertical’,
x : ‘left’,
textStyle : {
fontSize : 9,
},
data : [ ‘医生人数’ ]
},
visualMap : {
min : 0,
max : 500,
x : ‘left’,
y : ‘top’,
itemWidth : 10,
calculable : false,
/* color : [ ‘#FFA200’,’#87CEFA’], */
text : [ ‘高’, ‘低’ ], // 文本，默认为数值文本
calculable : true
},
series : [ {
tooltip : {
Java开源项目【ali1024.coding.net/public/P7/Java/git】 trigger : ‘item’,
},
name : ‘医生人数’,
type : ‘map’,
mapType : ‘china’,
layoutCenter : [ ‘50%’, ‘50%’ ],
// 如果宽高比大于 1 则宽度为 100，如果小于 1 则高度为 100，保证了不超过 100x100 的区域
layoutSize : 500,
selectedMode : ‘single’,
label : {
normal : {
show : true,
textStyle : {
fontSize : 7,
}
},
总结
面试难免让人焦虑不安。经历过的人都懂的。但是如果你提前预测面试官要问你的问题并想出得体的回答方式，就会容易很多。
此外，都说“面试造火箭，工作拧螺丝”，那对于准备面试的朋友，你只需懂一个字：刷！
给我刷刷刷刷，使劲儿刷刷刷刷刷！今天既是来谈面试的，那就必须得来整点面试真题，这不花了我整28天，做了份“Java一线大厂高岗面试题解析合集：JAVA基础-中级-高级面试+SSM框架+分布式+性能调优+微服务+并发编程+网络+设计模式+数据结构与算法等”
且除了单纯的刷题，也得需准备一本【JAVA进阶核心知识手册】：JVM、JAVA集合、JAVA多线程并发、JAVA基础、Spring 原理、微服务、Netty与RPC、网络、日志、Zookeeper、Kafka、RabbitMQ、Hbase、MongoDB、Cassandra、设计模式、负载均衡、数据库、一致性算法、JAVA算法、数据结构、加密算法、分布式缓存、Hadoop、Spark、Storm、YARN、机器学习、云计算，用来查漏补缺最好不过。
、JAVA基础、Spring 原理、微服务、Netty与RPC、网络、日志、Zookeeper、Kafka、RabbitMQ、Hbase、MongoDB、Cassandra、设计模式、负载均衡、数据库、一致性算法、JAVA算法、数据结构、加密算法、分布式缓存、Hadoop、Spark、Storm、YARN、机器学习、云计算，用来查漏补缺最好不过。
[外链图片转存中…(img-Zr2Z3KU6-1650259176100)]