连接百度地图API

来源:互联网 发布:ipad安装软件 编辑:程序博客网 时间:2024/06/06 20:22

利用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>

运行结果:



2 0
原创粉丝点击