实现效果
项目分布地图效果
鼠标悬停效果
需求分析
显示陕西省省份地图
显示地市的名称
根据项目数量,动态调整气球浮标的大小
准备步骤
下载echarts,官网下载
下载echarts中的省份信息,可以通过 npm i echarts 或者 cnpm i echarts下载整个echarts的资源包。京省份数据的具体路径node_modules\_echarts@4.9.0@echarts\map\js\province 其中echarts的版本号可能略有不同,需要修改。
将所需的省份拷贝到相关路径下保存即可
PS:因为现在echarts不再提供除中国以外的标准地图,所以省份地图的数据需要单独下载,不知道这个地图数据还能用多久,建议长期保存、
实现步骤
html代码
引入js资源
js代码
function echart_map() {
// 基于准备好的dom,初始化echarts实例
var myChart =