} } }

    在网页地图中获合适前地位

    添加时间:2013-6-11 点击量:

     在因为要做一个地图显示的功能，所以在网上找了很多材料，成果还是不如官网来得快。




     1 <!DOCTYPE html>

     2 <html>

     3 <body>

     4 <p id=demo>运行结果：</p>

     5 <button onclick=getLocation（）>尝尝看</button>

     6 <div id=mapholder></div>

     7 <script src=http://maps.google.com/maps/api/js？sensor=false></script>

     8 <script>

     9 var x=document.getElementById（demo）;

    10 function getLocation（）

    11   {

    12   if （navigator.geolocation）

    13     {

    14     navigator.geolocation.getCurrentPosition（showPosition，showError）;

    15     }

    16   else{x.innerHTML=Geolocation is not supported by this browser.;}

    17   }

    18 

    19 function showPosition（position）

    20   {

    21   lat=position.coords.latitude;

    22   lon=position.coords.longitude;

    23   latlon=new google.maps.LatLng（lat， lon）

    24   mapholder=document.getElementById（mapholder）

    25   mapholder.style.height=250px;

    26   mapholder.style.width=500px;

    27 

    28   var myOptions={

    29   center:latlon，zoom:14，

    30   mapTypeId:google.maps.MapTypeId.ROADMAP，

    31   mapTypeControl:false，

    32   navigationControlOptions:{style:google.maps.NavigationControlStyle.SMALL}

    33   };

    34   var map=new google.maps.Map（document.getElementById（mapholder），myOptions）;

    35   var marker=new google.maps.Marker（{position:latlon，map:map，title:You are here!}）;

    36   }

    37 

    38 function showError（error）

    39   {

    40   switch（error.code） 

    41     {

    42     case error.PERMISSION_DENIED:

    43       x.innerHTML=User denied the request for Geolocation.

    44       break;

    45     case error.POSITION_UNAVAILABLE:

    46       x.innerHTML=Location information is unavailable.

    47       break;

    48     case error.TIMEOUT:

    49       x.innerHTML=The request to get user location timed out.

    50       break;

    51     case error.UNKNOWN_ERROR:

    52       x.innerHTML=An unknown error occurred.

    53       break;

    54     }

    55   }

    56 </script>

    57 </body>

    58 </html>


    查看代码



    运行结果：



     
    我俩之间有着强烈的吸引力。短短几个小时后，我俩已经明白：我们的心是一个整体的两半，我俩的心灵是孪生兄妹，是知己。她让我感到更有活力，更完美，更幸福。即使她不在我身边，我依然还是感到幸福，因为她总是以这样或者那样的方式出现在我心头。——恩里克·巴里奥斯《爱的文明》
    分享到：