javascript使用百度地圖api和html5特性獲取瀏覽器位置
更新時間：2014年01月10日 09:49:13 作者：
本文介紹了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"); // 創(chuàng)建Map實例
var point = new BMap.Point(lon, lat); // 創(chuàng)建點坐標
//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>
相關文章
bootstrap與pagehelper實現(xiàn)分頁效果
這篇文章主要為大家詳細介紹了bootstrap與pagehelper實現(xiàn)分頁效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-12-12
這篇文章主要介紹了js為空或不是對象問題的快速解決方法。需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
js中有各種位置相關的屬性,平時用起來比較混亂,特此整理一下,下面這篇文章主要給大家介紹了關于js中易弄混淆的“位置”相關屬性的相關資料,需要的朋友可以參考下2022-04-04
這篇文章主要介紹了uni-app實現(xiàn)點贊評論功能，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-11-11
詳解JavaScript Alert函數(shù)執(zhí)行順序問題
本文主要介紹了Javascript的Alert函數(shù)執(zhí)行順序問題，對此感興趣的同學，可以實驗一下，以便解決平時遇到的一些奇怪的問題。2021-05-05
這篇文章主要為大家介紹了uniapp如何使用定位過程示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-10-10
這篇文章主要為大家介紹了如何在TypeScript中使用函數(shù)實例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-11-11
uniapp小程序?qū)崙?zhàn)之利用騰訊地圖獲取定位
使用uniapp是因為它是一個使用vue.js開發(fā)所有前端應用的框架,開發(fā)者編寫一套代碼,可以發(fā)布到ios,android,web以及各種小程序,快應用等多個平臺,下面這篇文章主要給大家介紹了關于uniapp小程序?qū)崙?zhàn)之利用騰訊地圖獲取定位的相關資料,需要的朋友可以參考下2023-02-02
把List集合轉(zhuǎn)成json格式傳到界面上，這樣js里面操作也簡單，具體的解決方法如下，大家可以參考學習下2014-04-04
如何在面試中手寫出javascript節(jié)流和防抖函數(shù)
這篇文章主要介紹了如何在面試中手寫出javascript節(jié)流和防抖函數(shù),文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-10-10