HTML5百度地图API出访国家动态图特效代码下载



如需定制开发(网站开发、二次开发)在线咨询,请点击>> QQ:753511799

9 32 11



特效描述:百度地图 API出访 国家动态图。html5基于echarts百度地图API制作出访国家、出访团组、小大使人数统计图表代码。

代码结构

1. 引入JS

<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/indexditu.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/echarts-all-3.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/extension/dataTool.min.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/map/js/china.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/map/js/world.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=ZUONbpqGBsYGXNIYHicvbAbM"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/extension/bmap.min.js"></script>
<script type="text/javascript" src="js/indexditu.js"></script>

2. HTML代码

<section class="award">
	<div id="container" style="width: 66%;height:4.5rem;float: left;margin-top: 1.3rem;" ></div>
	<ul>
		<li>出访国家:<span id="shuzi1">0</span>个</li>
		<li>出访团组:<span id="shuzi2">0</span>个</li>
		<li>小大使人数:<span id="shuzi3">0</span>个</li>
	</ul>  
</section>
<!--百度地图API-->
<script>
		var num=0;
		var num1=10;
		var num2=1000;
	$(document).ready(function(){
		function shuizi1(){
			timer=setInterval(function(){
			num++;
			$("#shuzi1").html(num);
			if(num==25){clearInterval(timer)}
		     },100)
		}
		shuizi1()
		function shuzi2(){
			timer1=setInterval(function(){
			num1+=10;
			$("#shuzi2").html(num1);
			if(num1==250){clearInterval(timer1)}
		     },100)
		}
		shuzi2()
		function shuzi3(){
			timer2=setInterval(function(){
			num2+=1000;
			$("#shuzi3").html(num2);
			if(num2==25000){clearInterval(timer2)}
		     },100)
		}
		shuzi3()
})
</script>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册



×
×
51前端

注册

×
绑定手机

请绑定手机号,在继续操作

×
单次下载支付

应付金额:279

支付完成后,回到下载页面,在进行下载

官方QQ群
意见反馈
qq群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到