Html5 api 最简单形式

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=134db1b9cf1f1f2b4427210932b34dcb"></script> 
</head>
    <body style="margin:50px 10px;">    
        <div id="status" style="text-align: center"></div>    
        <div style="width:600px;height:480px;border:1px solid gray;margin:30px auto" id="container"></div>    
    </body> 
<script>
    
window.onload=function(){
if(navigator.geolocation)
       {
               navigator.geolocation.getCurrentPosition
               ( 
                function(p){
               var x=p.coords.longitude;
               var y=p.coords.latitude;
                var map = new BMap.Map("container");    
                var point = new BMap.Point(x,y);    
                map.centerAndZoom(point,15);  
                          }
               );
        }    
        
  };


</script>
</body>
</html>

猜你喜欢

转载自blog.csdn.net/wangjiali123123/article/details/70057156