1. 程式人生 > >使用高德地圖的api獲取所在城市

使用高德地圖的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>