利用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>
原文:http://blog.csdn.net/majianjie/article/details/21885675