zoukankan html css js c++ java

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

 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>

---- 动动手指关注我！或许下次你又能在我这里找到你需要的答案！ZZZZW与你一起学习，一起进步！

查看全文

相关阅读:
0514JS基础：操作document对象、事件、this
Java 多态
 Java 抽象类和接口
 Vue中v-for属性
 Vue基础语法
 Vue 自定义按键修饰符，自定义指令，自定义过滤器
 ES6 剩余参数
 ES6 箭头函数
 ES6 解构赋值
 ES6 变量声明 var let const的区别

原文地址：https://www.cnblogs.com/zzzzw/p/4849780.html