javascript使用百度地圖api和html5特性獲取瀏覽器位置
<!DOCTYPE html>
<html>
<body>
<p id="demo">點(diǎn)擊這個(gè)按鈕,獲得您的位置:</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實(shí)例
var point = new BMap.Point(lon, lat); // 創(chuàng)建點(diǎn)坐標(biāo)
//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>
- 利用瀏覽器全屏api實(shí)現(xiàn)js全屏
- python 調(diào)用API接口 獲取和解析 Json數(shù)據(jù)
- Node.js API詳解之 dgram模塊用法實(shí)例分析
- Node.js API詳解之 V8模塊用法實(shí)例分析
- JS跨瀏覽器解析XML應(yīng)用過(guò)程詳解
- 手機(jī)瀏覽器喚起微信分享(JS)
- JS檢測(cè)瀏覽器開發(fā)者工具是否打開的方法詳解
- Vue.js獲取手機(jī)系統(tǒng)型號(hào)、版本、瀏覽器類型的示例代碼
- JS瀏覽器BOM常見(jiàn)操作實(shí)例詳解
- 基于js判斷瀏覽器是否支持webGL
- 如何基于js判斷瀏覽器版本
- 如何使用 JavaScript 操作瀏覽器歷史記錄 API
相關(guān)文章
javascript 拽拉效果 供JS初學(xué)者學(xué)習(xí)參考
超精簡(jiǎn)的拽拉效果JS,并且還是同時(shí)支持IE和FF。 可以給與其他剛開始學(xué)習(xí)JS的朋友作為參考和學(xué)習(xí)。2008-07-07表格單元格交錯(cuò)著色實(shí)現(xiàn)思路及代碼
重點(diǎn)在于:以空間換時(shí)間,循環(huán)確定所著顏色;base確定起始顏色,i確定本次需要著色的單元格,感興趣的朋友可以參考下哈2013-04-04一文熟練掌握J(rèn)avaScript的switch用法
在JavaScript中switch語(yǔ)句是一種用于多條件分支的控制語(yǔ)句,下面這篇文章主要給大家介紹了關(guān)于如果通過(guò)一文熟練掌握J(rèn)avaScript的switch用法的相關(guān)資料,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-01-01JavaScript實(shí)現(xiàn)仿新浪微博大廳和騰訊微博首頁(yè)滾動(dòng)特效源碼
最近看到朋友用JavaScript實(shí)現(xiàn)仿新浪微博大廳和未登錄騰訊微博首頁(yè)滾動(dòng)效果,朋友使用jquery實(shí)現(xiàn)的,在網(wǎng)上看到有用js制作的也比較好,于是把我的內(nèi)容整理分享給大家,具體詳解請(qǐng)看本文2015-09-09Javascript實(shí)現(xiàn)html轉(zhuǎn)pdf高清版(提高分辨率)
這篇文章主要介紹了Javascript將html轉(zhuǎn)成pdf高清版(提高分辨率),需要的朋友可以參考下2020-02-02