html5---百度地图定位

最新推荐文章于 2021-07-31 11:48:50 发布

sjtu_chenchen

最新推荐文章于 2021-07-31 11:48:50 发布

阅读量1.2k

点赞数

分类专栏： HTML5 文章标签： html5 百度地图

本文链接：https://blog.csdn.net/sjtu_chenchen/article/details/45675555

版权

HTML5 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

<!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>

sjtu_chenchen

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
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
复制链接

扫一扫