js调用高德API获取所在当前城市

js调用高德API获取所在当前城市_第1张图片js调用高德API获取所在当前城市_第2张图片js调用高德API获取所在当前城市_第3张图片js调用高德API获取所在当前城市_第4张图片

 

可以在js代码中直接调用API接口,获取所处当前城市信息,代码如下:

 1 <script type="text/javascript">
 2     
 3     function getCurrentCity(){
 4         $.ajax({
 5             type: "get",
 6             url: "http://webapi.amap.com/maps/ipLocation?key=608d75903d29ad471362f8c58c550daf",
 7             dataType: 'text',
 8             success: function(data) {
 9                 //转换为JSON对象
10                 var jsonObj = eval("(" + data.replace('(','').replace(')','').replace(';','') + ")");
11                 //当前城市
12                 $("#cityName").html(jsonObj.city);
13             }
14         });
15     }
16     
17     //页面加载获取当前所在城市信息
18     $(document).ready(function(){
19         getCurrentCity();
20     });
21 </script>

 

js调用高德API获取所在当前城市_第5张图片js调用高德API获取所在当前城市_第6张图片js调用高德API获取所在当前城市_第7张图片js调用高德API获取所在当前城市_第8张图片

你可能感兴趣的:(js调用高德API获取所在当前城市)