本文介绍如何利用Echarts实现地图交互功能，通过点击中国地图上的省份，动态展示所选省份的详细地图。示例代码中，通过设置series[map]的mapType属性，如`mapType: '浙江'`，可以切换到相应省份地图。
前几天好像看到一个demo就是点击中国地图哪个省就显示哪个省的地图，但是现在找不到在那里看到的了，正好在学echarts就自己研究做一个，顺便加深印象；
series[map]有个maptype属性 mapType:"china|浙江"，就会显示浙江地图，下面是我的代码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>点击省份显示当前地区</title>
</head>
<body>
<div id="main" style="height: 500px;">
</div>
<script src="http://echarts.baidu.com/build/dist/echarts-all.js"></script>
<script type="text/javascript">
var myCharts = echarts.init(document.getElementById("main"));
var option = {
title : {
text : "地图详情"
},
tooltip : {
show: true,
formatter: "{b}"
},
series: [
{
name: '中国',
type: 'map',
mapType: 'china',
sele
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
