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>
相關文章
本文主要介紹了javascript常用的設計模式:單例模式;工廠模式;適配模式;外觀模式。下面跟著小編一起來看下吧2017-02-02
BLOB (binary large object)，二進制大對象，是一個可以存儲二進制文件的容器。下面這篇文章主要給大家介紹了關于利用Blob進行文件上傳的相關資料，文中通過示例代碼介紹的非常詳細，需要的朋友可以參考下2018-08-08
超精簡的拽拉效果JS，并且還是同時支持IE和FF。 可以給與其他剛開始學習JS的朋友作為參考和學習。2008-07-07
.ts是一種高清視頻封裝格式文件，全稱為MPEG2-TS，TS表示TransportStream，這篇文章主要介紹了TS如何從目錄中提取所有指定擴展名的文件,需要的朋友可以參考下2023-05-05
重點在于:以空間換時間，循環(huán)確定所著顏色;base確定起始顏色，i確定本次需要著色的單元格，感興趣的朋友可以參考下哈2013-04-04
在JavaScript中switch語句是一種用于多條件分支的控制語句,下面這篇文章主要給大家介紹了關于如果通過一文熟練掌握JavaScript的switch用法的相關資料,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2024-01-01
這篇文章介紹了javascript中直接寫php代碼的方法，有需要的朋友可以參考一下2013-07-07
JavaScript實現仿新浪微博大廳和騰訊微博首頁滾動特效源碼
最近看到朋友用JavaScript實現仿新浪微博大廳和未登錄騰訊微博首頁滾動效果，朋友使用jquery實現的，在網上看到有用js制作的也比較好，于是把我的內容整理分享給大家，具體詳解請看本文2015-09-09
Javascript實現html轉pdf高清版（提高分辨率）
這篇文章主要介紹了Javascript將html轉成pdf高清版（提高分辨率）,需要的朋友可以參考下2020-02-02
這篇文章主要為大家詳細介紹了JS鍵盤版計算器的制作方法,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12