网页中自动获取访问用户所在城市的接口插件

最新推荐文章于 2021-03-10 11:47:58 发布

转载最新推荐文章于 2021-03-10 11:47:58 发布 · 236 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/zzzzw/p/4849780.html

文章标签：

#javascript #ViewUI

本文介绍了一种使用百度地图API自动获取网站访问者当前位置的方法。通过JavaScript实现，可以在网页加载时显示用户所在城市。

 1 <html>
 2 
 3 <head>
 4 
 5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 6 
 7 <title>自动获取定位访问者当前城市</title>
 8 
 9 <!--不可省略-->
10 
11 <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=FZdVNjmzVOWfztIIa8HcdNrd"></script>
12 
13 <!--不可省略-->
14 
15 </head>
16 
17 
18 <body>
19 
20 <!--不可省略-->
21 
22 <div id="bdMapBox" style="display:none;"></div>
23 
24 <script type="text/javascript">
25 
26     // 百度地图API功能
27 
28     var map = new BMap.Map("bdMapBox");
29 
30     var nowCity = new BMap.LocalCity();
31 
32     nowCity.get(bdGetPosition);
33 
34     function bdGetPosition(result){
35 
36         var cityName = result.name; //当前的城市名
37 
38         /*自定义代码*/
39 
40         atCity.innerHTML = cityName;
41 
42         /*自定义代码*/
43 
44     }
45 
46 </script>
47 
48 <!--不可省略-->
49 
50 <p>您当前所在的城市为：<span id="atCity"></span></p>
51 
52 </body>
53 
54 </html>