2011-10-28 37 views
6

Tôi đang thử kiểm tra một số mã định vị địa lý trên máy tính của mình, nhưng tôi thậm chí không thể chạy các ví dụ. Mặc dù họ chạy một cách hoàn hảo từ trang web tài liệu khi tôi cố gắng mở file html từ máy tính của tôi, tôi nhận được một trang trống, tất cả tôi làm là cố gắng để phát hiện vị trí của tôi ...kiểm tra bản đồ google Định vị địa lý V3 tại địa phương?

Đây là mã:

<!DOCTYPE html> 
<html> 
    <head> 
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no"> 
    <meta charset="UTF-8"> 
    <link href="/apis/maps/documentation/javascript/examples/default.css" 
     rel="stylesheet" type="text/css"> 
    <!-- 
    Include the maps javascript with sensor=true because this code is using a 
    sensor (a GPS locator) to determine the user's location. 
    See: http://code.google.com/apis/maps/documentation/javascript/basics.html#SpecifyingSensor 
    --> 
    <script type="text/javascript" 
     src="http://maps.googleapis.com/maps/api/js?sensor=true"></script> 

    <script type="text/javascript"> 
     var map; 

     function initialize() { 
     var myOptions = { 
      zoom: 6, 
      mapTypeId: google.maps.MapTypeId.ROADMAP 
     }; 
     map = new google.maps.Map(document.getElementById('map_canvas'), 
      myOptions); 

     // Try HTML5 geolocation 
     if(navigator.geolocation) { 
      navigator.geolocation.getCurrentPosition(function(position) { 
      var pos = new google.maps.LatLng(position.coords.latitude, 
              position.coords.longitude); 

      var infowindow = new google.maps.InfoWindow({ 
       map: map, 
       position: pos, 
       content: 'Location found using HTML5.' 
      }); 

      map.setCenter(pos); 
      }, function() { 
      handleNoGeolocation(true); 
      }); 
     } else { 
      // Browser doesn't support Geolocation 
      handleNoGeolocation(false); 
     } 
     } 

     function handleNoGeolocation(errorFlag) { 
     if (errorFlag) { 
      var content = 'Error: The Geolocation service failed.'; 
     } else { 
      var content = 'Error: Your browser doesn\'t support geolocation.'; 
     } 

     var options = { 
      map: map, 
      position: new google.maps.LatLng(60, 105), 
      content: content 
     }; 

     var infowindow = new google.maps.InfoWindow(options); 
     map.setCenter(options.position); 
     } 

     google.maps.event.addDomListener(window, 'load', initialize); 
    </script> 
    </head> 
    <body> 
    <div id="map_canvas"></div> 
    </body> 
</html> 

Vui lòng trợ giúp, bạn có thể tìm hiểu tôi đang làm gì sai?

Trả lời

13

Bạn cần thay đổi liên kết trong stylesheet vào một liên kết tuyệt đối:

<link href="http://code.google.com//apis/maps/documentation/javascript/examples/default.css" rel="stylesheet" type="text/css"> 
Các vấn đề liên quan