码迷,mamicode.com
首页 > Web开发 > 详细

html5---百度地图定位

时间:2015-05-13 10:38:12      阅读:94      评论:0      收藏:0      [点我收藏+]

标签:html5   百度地图   

<!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---百度地图定位

标签:html5   百度地图   

原文地址:http://blog.csdn.net/sjtu_chenchen/article/details/45675555

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!