HTML5 geolocation API获得用户当前城市名

来源：互联网发布：php新浪面试题及答案编辑：程序博客网时间：2024/05/11 18:35

<!DOCTYPE html>
<html >
<head>

    <title>HTML5 Demo: geolocation</title>
      <script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAZNVcM3B5rUU5SJeXURUaBxTBfUk9TZrBRaIteybtnU2KziHEpRTn4b5CncoKZUG6YvDa1nKeST_Y5A"
      type="text/javascript"></script>
    </head>

<body >
     <script>
         var geocoder = null;
         function addAddressToMap(response) {
             if (!response || response.Status.code != 200) {
                 alert("对不起，不能解析这个地址");
             } else {

                 var add = "";
                 for (var i = 0; i < response.Placemark.length; i++) {
                     add += response.Placemark[i].address + " | ";
                 }
                 alert("您查找的位置是 : "   + add.substr(5,3));
             }
         }

         function showLocation(address) {

             if (GBrowserIsCompatible()) {
                 geocoder = new GClientGeocoder();
                 geocoder.getLocations(address, addAddressToMap);
             }
         }

         function success(position) {
       alert(position.coords.latitude);
       alert(position.coords.longitude);
              showLocation(position.coords.latitude + "," + position.coords.longitude);
             return position.coords.latitude + "," + position.coords.longitude;
         }

         function error(msg) {
             //            var s = document.querySelector('#status');
             //            s.innerHTML = typeof msg == 'string' ? msg : "failed";
             //            s.className = 'fail';

             // console.log(arguments);
         }

         if (navigator.geolocation) {
             navigator.geolocation.getCurrentPosition(success, error);
         } else {
             error('not supported');
         }

    </script>

</body>

</html>

http://zhan.renren.com/lovecodes?gid=3602888498024546812&from=post&checked=true

或者画出地理位置图： http://www.2cto.com/kf/201205/130760.html

0 0