上两周需要做个地图,去echarts官网看了下,说的有点模糊,下载的模板又打不开,自己摸索了几天,前端技术较渣,大概弄了个半成品。
源码
git:https://github.com/easy-goo/echarts_map_demo.git
百度云:https://pan.baidu.com/s/1-lE3yi8MOcJOGur38UvdMQ 提取码: puy6
效果如图
单击穿透
需要下载各地的地图文件。json或者js之类的,这里我删除了自己项目的代码,搞了些静态数据大概搞个demo,方面以后自己用,需要的朋友也可以自己下载使用
下载好源码,需要配合vscode使用
修改这里传入的参数就可以用了
function getData(area) {
console.log(area)$.getJSON('json/' + mapCity[area] + '.json', function (data) {
//重新绘制地图var newCity = []for (var i = 0; i < data.features.length; i++) {
if (data.features[i].properties.name == '青海') {
console.info(i * 2)}newCity.push({
//获取地图数据name: data.features[i].properties.name,//此处虚拟数据,应从后台服务获取数据value: i * 2})}city = newCityecharts.registerMap(mapCity[area], data);initMap(area, city);});}
目前存在一些问题,穿透的动画延迟效果不生效,搞了一天都没弄好,就没继续深究了