点击每个省份的并跳转到各自的界面

来源：互联网发布：下载doov软件乐园编辑：程序博客网时间：2024/05/17 13:43

在准备做自己的博客

很喜欢旅行中国大部分省市已经涉足所以想法就是点击去过的省份分别的跳出一份自己写的游记和自己在路上遇到的趣事

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 直接跳转到这个界面处理游记的选择

阅读全文

0 0