在准备做自己的博客
很喜欢旅行 中国大部分省市已经涉足 所以想法 就是点击去过的省份 分别的跳出一份自己写的游记 和自己在路上遇到的趣事
ennn 废话有点多了
直接上代码
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>demo</title>
<style>
*{margin:0;padding:0;}
</style>
</head>
<body>
<div id="main" style="height:800px"></div>
<script src="dist/echarts.js"></script>
<script src="dist/china.js"></script>
<script>
var chart = echarts.init(document.getElementById('main'));
chart.setOption({
series: [{
type: 'map',
map: 'china'
}]
});
chart.on('click', function (params) {
var city = params.name;
console.log(params.name);
var urlArr = ['#','#','#'];
if(params.name=="台湾"){
location.href = urlArr[1];
}
});
</script>
</body>
</html>
2.0 和3.0 的用法有些差别 。我看了2.0 写了这样 后期把游记加进去
chart的很多事件 的处理和js的一些简单事件的处理有点相似
准备第一页的Welcome 直接跳转到这个界面处理 游记的选择