当前位置: 代码迷 >> 综合 >> echarts 中国地图+穿透
  详细解决方案

echarts 中国地图+穿透

热度:39   发布时间:2023-12-16 02:30:40.0

上两周需要做个地图,去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);});}

目前存在一些问题,穿透的动画延迟效果不生效,搞了一天都没弄好,就没继续深究了

  相关解决方案