使用高德地圖的api獲取所在城市
通過註冊高德地圖的api,獲取key,然後呼叫獲去所在城市
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>根據ip定位</title>
//使用自己申請的key呼叫高德地圖的api
<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=你的key&plugin=AMap.CitySearch"></script>
<script type="text/javascript" src="http://cache.amap.com/lbs/static/addToolbar.js"></script>
</head>
<body>
<div id="tip"></div>
<script type="text/javascript">
//獲取使用者所在城市資訊
function showCityInfo() {
//例項化城市查詢類
var citysearch = new AMap.CitySearch();
//自動獲取使用者IP,返回當前城市
citysearch.getLocalCity(function(status, result) {
if (status === 'complete' && result.info === 'OK') {
if (result && result.city && result.bounds) {
var cityinfo = result.city;
var citybounds = result.bounds;
document.getElementById('tip').innerHTML = '您當前所在城市:'+cityinfo;
//地圖顯示當前城市
map.setBounds(citybounds);
}
} else {
document.getElementById('tip').innerHTML = result.info;
}
});
}
showCityInfo();
</script>
</body>
</html>