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>