Echarts地图局部放大及返回实例

1、引用重点

①、echarts.min.js
②、地图Json

2、实例解析

在这里插入图片描述
在这里插入图片描述
【路径关系】:
在这里插入图片描述

var haerbin = 'json/haerbin.json';
var achengMap = 'json/sub-map/acheng.json';
var bayanMap = 'json/sub-map/bayan.json';
var binxianMap = 'json/sub-map/binxian.json';
var daoliMap = 'json/sub-map/daoli.json';
var daowaiMap = 'json/sub-map/daowai.json';
var fangzhengMap = 'json/sub-map/fangzheng.json';
var hulanMap = 'json/sub-map/hulan.json';
var mulanMap = 'json/sub-map/mulan.json';
var nangangMap = 'json/sub-map/nangang.json';
var pingfangMap = 'json/sub-map/pingfang.json';
var shangzhiMap = 'json/sub-map/shangzhi.json';
var shuangchengMap = 'json/sub-map/shuangcheng.json';
var songbeiMap = 'json/sub-map/songbei.json';
var tongheMap = 'json/sub-map/tonghe.json';
var wuchangMap = 'json/sub-map/wuchang.json';
var xiangfangMap = 'json/sub-map/xiangfang.json';
var yanshouMap = 'json/sub-map/yanshou.json';
var yilanMap = 'json/sub-map/yilan.json';
var mapname = haerbin;
var mapJson = [
    {
   name: '阿城区', json: achengMap},
    {
   name: '巴彦县', json: bayanMap},
    {
   name: '宾县', json: binxianMap},
    {
   name: '道里区', json: daoliMap},
    {
   name: '道外区', json: daowaiMap},
    {
   name: '方正县', json: fangzhengMap},
    {
   name: '呼兰区', json: hulanMap},
    {
   name: '木兰县', json: mulanMap},
    {
   name: '南岗区', json: nangangMap},
    {
   name: '平房区', json
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值