自動定位城市

時間 2019-12-14

標籤自動定位城市欄目系統網絡简体版

原文原文鏈接

像美團等網站打開的時候，都會自動跳轉到咱們訪問者當前所在的城市，這樣極大的提升了用戶體驗度，咱們如何實現這一功能呢？其實百度API裏面有這個接口插件，根據用戶的IP返回出用戶所在的城市名。javascript

如下是我整理出來的完整範例，手機、pc端測試均可以正常獲取出城市名，你們能夠參考一下：html

<html>java

<head>api

<title>自動獲取定位訪問者當前城市</title>網站

ui

插件

</head>htm

<body>

// 百度地圖API功能

var map = new BMap.Map("bdMapBox");

var nowCity = new BMap.LocalCity();

nowCity.get(bdGetPosition);

function bdGetPosition(result){

var cityName = result.name; //當前的城市名

/*自定義代碼*/

atCity.innerHTML = cityName;

/*自定義代碼*/

}

</script>

<p>您當前所在的城市爲：<span id="atCity"></span></p>

</body>

</html>

運行效果：

說明一下：<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=您的密鑰"></script> 沒有密匙可能會在頁面運行的時候彈出提示警告，爲了讓用戶有更好的體驗度，能夠到百度地圖開放平臺 http://lbsyun.baidu.com/apiconsole/key 建立一個應用，就會獲得一個密匙，填到這裏就行了。

此文章轉載於：http://www.daixiaorui.com/read/133.html，轉載請註明是轉載於http://www.daixiaorui.com/read/133.html網址

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。