echarts可视化市级地图详细版(vue+element)

原创

于 2020-11-25 18:22:36 发布

· 1.9k 阅读

0 ·

版权

文章标签：

#数据可视化 #js #vue #可视化

本文介绍如何使用ECharts、Vue和Element库创建一个详细的市级地图可视化项目。内容包括实现步骤和代码示例，展示了一种数据可视化的有效方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

echarts可视化市级地图详细版(vue+element)

非常详细的echarts可视化地图，可全国可市级，各种属性
踩了好几天的坑，一步一步归纳总结出来的

1.效果图

在这里插入图片描述

代码如下

import echarts from "echarts";
import JSON from './json/chaoyang.json'
data() {
   
//各区县的经纬度
      geoCoordMap:{
   
        '朝阳客户服务中心': [120.40877, 41.479389],
        '国网朝阳市开发区供电分公司': [120.303376, 41.786749],
        '国网朝阳市双塔区供电分公司': [120.52877, 41.539389],
        '双塔供电分公司(旧)': [120.52877, 41.629389],
        '国网朝阳市龙城区供电分公司': [120.293376, 41.536749],
        '龙城供电分公司(旧)': [120.343376, 41.626749],
        '国网北票市供电公司': [120.766951, 41.803286],
        '国网朝阳县供电公司': [120.252561, 41.242745],
        &#

最低0.47元/天解锁文章