DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> javascript使用百度地圖api和html5特性獲取浏覽器位置
javascript使用百度地圖api和html5特性獲取浏覽器位置
編輯:關於JavaScript     

復制代碼 代碼如下:
<!DOCTYPE html>
<html>
<body>
<p id="demo">點擊這個按鈕,獲得您的位置:</p>
<button onclick="getLocation()">試一下</button>
<script src="http://api.map.baidu.com/api?v=1.4" type="text/javascript"></script>
<script>
var x=document.getElementById("demo");
function getLocation(){
    if(navigator.geolocation){
       navigator.geolocation.getCurrentPosition(showPosition);
      }else{
       alert("您的浏覽器不支持地理定位");
      }
   }

function showPosition(position){
    lat=position.coords.latitude;
    lon=position.coords.longitude;
    //var map = new BMap.Map("container");            // 創建Map實例
    var point = new BMap.Point(lon, lat);    // 創建點坐標
    //map.centerAndZoom(point,15);                     //
    //map.enableScrollWheelZoom();
    var gc = new BMap.Geocoder();   
    gc.getLocation(point, function(rs){
       var addComp = rs.addressComponents;
       alert(addComp.province + ", " + addComp.city + ", " + addComp.district + ", " + addComp.street);
      });
   }
</script>
</body>
</html>

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved