html5---百度地图定位

浏览数：32 / 时间：2015年06月09日

<!DOCTYPE HTML>
<html>
    <head>
    <style>
     #map{
     width:1000px;height:1000px;
     }
    </style>
    </head>
    <body>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=1.5&ak=ED2d81c757f7791bca47640cce651789"></script>
    <script>
      function success (position) {
        var la=position.coords.latitude;
        var lo=position.coords.longitude;
        var map = new BMap.Map("map");                        // 创建Map实例
        map.centerAndZoom(new BMap.Point(lo,la), 15);     // 初始化地图,设置中心点坐标和地图级别
        map.addControl(new BMap.NavigationControl());               // 添加平移缩放控件
        map.addControl(new BMap.ScaleControl());                    // 添加比例尺控件
        map.addControl(new BMap.OverviewMapControl());              //添加缩略地图控件
        map.enableScrollWheelZoom();                            //启用滚轮放大缩小
        map.addControl(new BMap.MapTypeControl());          //添加地图类型控件
        map.setCurrentCity("北京");          // 设置地图显示的城市 此项是必须设置的
        var local = new BMap.LocalSearch(map, {
         renderOptions: {map: map, panel: "r-result"}
          });
       local.search("学校")
      }
      function error (errorCode) {
       alert(errorCode.code+"--"+errorCode.message);
      }
     var options={};
      if(navigator.geolocation){
        navigator.geolocation.getCurrentPosition(success,error,options)
      }else{
      alert("您的浏览器out了");
      }
    </script>
    <div id="map">
    </div>
    </body>
</html>

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

html5---百度地图定位