DIV CSS 佈局教程網

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

 本文介紹了javascript使用百度地圖api和html5特性獲取浏覽器位置的小功能,大家參考使用吧

代碼如下: <!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