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)用過程詳解
- 手機(jī)瀏覽器喚起微信分享(JS)
- JS檢測(cè)瀏覽器開發(fā)者工具是否打開的方法詳解
- Vue.js獲取手機(jī)系統(tǒng)型號(hào)、版本、瀏覽器類型的示例代碼
- JS瀏覽器BOM常見操作實(shí)例詳解
- 基于js判斷瀏覽器是否支持webGL
- 如何基于js判斷瀏覽器版本
- 如何使用 JavaScript 操作瀏覽器歷史記錄 API
相關(guān)文章
bootstrap與pagehelper實(shí)現(xiàn)分頁效果
這篇文章主要為大家詳細(xì)介紹了bootstrap與pagehelper實(shí)現(xiàn)分頁效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-12-12
這篇文章主要介紹了js為空或不是對(duì)象問題的快速解決方法。需要的朋友可以過來參考下，希望對(duì)大家有所幫助2013-12-12
js中有各種位置相關(guān)的屬性,平時(shí)用起來比較混亂,特此整理一下,下面這篇文章主要給大家介紹了關(guān)于js中易弄混淆的“位置”相關(guān)屬性的相關(guān)資料,需要的朋友可以參考下2022-04-04
uni-app實(shí)現(xiàn)點(diǎn)贊評(píng)論功能
這篇文章主要介紹了uni-app實(shí)現(xiàn)點(diǎn)贊評(píng)論功能，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-11-11
詳解JavaScript Alert函數(shù)執(zhí)行順序問題
本文主要介紹了Javascript的Alert函數(shù)執(zhí)行順序問題，對(duì)此感興趣的同學(xué)，可以實(shí)驗(yàn)一下，以便解決平時(shí)遇到的一些奇怪的問題。2021-05-05
這篇文章主要為大家介紹了uniapp如何使用定位過程示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-10-10
這篇文章主要為大家介紹了如何在TypeScript中使用函數(shù)實(shí)例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-11-11
uniapp小程序?qū)崙?zhàn)之利用騰訊地圖獲取定位
使用uniapp是因?yàn)樗且粋€(gè)使用vue.js開發(fā)所有前端應(yīng)用的框架,開發(fā)者編寫一套代碼,可以發(fā)布到ios,android,web以及各種小程序,快應(yīng)用等多個(gè)平臺(tái),下面這篇文章主要給大家介紹了關(guān)于uniapp小程序?qū)崙?zhàn)之利用騰訊地圖獲取定位的相關(guān)資料,需要的朋友可以參考下2023-02-02
javaScript如何處理從java后臺(tái)返回的list
把List集合轉(zhuǎn)成json格式傳到界面上，這樣js里面操作也簡(jiǎn)單，具體的解決方法如下，大家可以參考學(xué)習(xí)下2014-04-04
如何在面試中手寫出javascript節(jié)流和防抖函數(shù)
這篇文章主要介紹了如何在面試中手寫出javascript節(jié)流和防抖函數(shù),文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-10-10