本文简要介绍如何在Vue项目中利用getJSON加载阿里云地图JSON数据，并结合ECharts进行地图绘制。通过实例代码展示从数据获取到地图展示的全过程，强调地图容器宽高与visualMap设置的注意事项。
搭建vue项目和echart的引入这里不在描述
1.html代码
<div class="map-panel" style="height:90%">
<div id="containers"></div>
</div> 2.从阿里云获取地图的JSON数据 地址DataV.GeoAtlas地理小工具系列由阿里云DataV数据可视化团队出品，多年深耕数据可视化领域，数据大屏业务开拓者和领航者。致力用震撼而清晰的视觉语言，让更多人读懂大数据，受惠数据驱动的决策方式。
http://datav.aliyun.com/portal/school/atlas/area_selector
3.直接上js代码
<script>
//把JSON写在最外面是方便取
var c
398
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
最低0.47元/天 解锁文章
