2013年5月9日 星期四

Google Map API- 取得目前位置

如果要讓google map自動定位到目前的位置,可以使用以下寫法。

  1. //如果瀏覽器不支援地理定位 使用預設位置   
  2. var taipei = new google.maps.LatLng(25.08, 121.45);   
  3.        
  4. if(window.navigator.geolocation){   
  5.     var geolocation=window.navigator.geolocation;   
  6.     geolocation.getCurrentPosition(getPositionSuccess);   
  7. }else{   
  8.     alert("你的瀏覽器不支援地理定位");   
  9.     map.setCenter(taipei);   
  10. }   
  11. function getPositionSuccess(position){   
  12.     initialLocation = new google.maps.LatLng(position.coords.latitude,position.coords.longitude);   
  13.     //定位到目前位置   
  14.     map.setCenter(initialLocation);   
  15. }   
  16.        
  17.        
  18. var mapOptions = {   
  19.     zoom: 11,   
  20.     mapTypeId: google.maps.MapTypeId.ROADMAP,   
  21. };   
  22.      
  23. var map = new google.maps.Map(document.getElementById('map_canvas'),   
  24.       mapOptions);  

注意要給一個預設值就好了,怕有人瀏覽器不支援(一定是IE)。

反應:

0 意見:

Related Posts Plugin for WordPress, Blogger...