首页 > Windows开发 > 详细

连接百度地图API

时间:2014-03-23 23:43:15      阅读:614      评论:0      收藏:0      [点我收藏+]

利用PHP连接百度地图API

<html>  
	<head>  
		<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />  
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
		<title>Hello, World</title>  
		<style type="text/css">  
			html {  
			    height: 100%  
			}  
			body {  
			    height: 100%;  
			    margin: 0px;  
			    padding: 0px  
			}  
			#container {  
			    height: 100%  
			}  
		</style>  
			<!-- //此为v1.4版本及以前版本的引用方式  
			<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.4"></script> -->  
			<!-- //此为v1.5版本以后的引用方式 //-->  
		<script type="text/javascript"  
		    src="http://api.map.baidu.com/api?v=2.0&ak=fw4DkI8ZoN3UZsUc5fkkBOQc">
	    </script>   
		
		
		<script type="text/javascript">  
			var map;
			
			function init(){
				load();
				setMapEvent();
				addMapControl();
			}
			
		    function load() {  
		    	
		        // BMap是百度地图API的命名空间,所有的类都在这里面  
		        map = new BMap.Map("container"); // 创建一个Map对象  
		        var point = new BMap.Point(116.404, 39.915); // 创建一个点对象  
		        map.centerAndZoom(point, 15);  
		        // 两秒钟后移动到中心点  
		        window.setTimeout(function() {  
		            map.panTo(new BMap.Point(116.415, 39.918));  
		        }, 2000); 

		        map.addControl(new BMap.MapTypeControl()); //添加地图类型控件 ()

		    }

			function setMapEvent(){

				map.enableDragging();//启动地图拖拽事件,默认启用
				map.enableScrollWheelZoom();//启动地图滚轮放大缩小
				map.enableDoubleClickZoom();//启动鼠标双击放大
				map.enableKeboard();//启用键盘上下左右键移动地图
				//map.addControl(new BMap.MapTypeControl());//调用卫星地图
				map = new BMap.Map("container",{mapType: BMAP_SATELLITE_MAP});
			}


		</script>  
	</head>  
	<body onload="init()">  
		
	    <div id="container"></div>  //容器
	</body>  
</html>

运行结果:

bubuko.com,布布扣bubuko.com,布布扣bubuko.com,布布扣


连接百度地图API,布布扣,bubuko.com

连接百度地图API

原文:http://blog.csdn.net/majianjie/article/details/21885675

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!