Почему моя линия не отображается на карте?

Question

У меня проблемы с API-интерфейсом Google Maps. В принципе, я хотел бы нарисовать ломаную линию и не имеют код в функции инициализации, так что я в настоящее время является:

function initialize() { 
      var mapOptions = { 
       center: new google.maps.LatLng(1.37, 103.814), 
       zoom: 11 
      }; 
      var map = new google.maps.Map(document.getElementById('map-canvas'), 
       mapOptions); 
     } 

     function test() { 
      var itwCoordinates = [ 
       new google.maps.LatLng(1.1955, 103.566667), 
       new google.maps.LatLng(1.19875, 103.572333), 
       new google.maps.LatLng(1.188167, 103.660694), 
       new google.maps.LatLng(1.179444, 103.670722), 
       new google.maps.LatLng(1.130361, 103.740694), 
       new google.maps.LatLng(1.171444, 103.805), 
       new google.maps.LatLng(1.195972, 103.859833), 
       new google.maps.LatLng(1.20725, 103.88075), 
       new google.maps.LatLng(1.2695, 104.033333) 
      ]; 
      var itwLine = new google.maps.Polyline({ 
       path: itwCoordinates, 
       map: map, 
       geodesic: true, 
       strokeColor: '#777777', 
       strokeOpacity: 1.0, 
       strokeWeight: 1 
      }); 
      itwLine.setMap(map); 
      itwLine.setVisible(true); 
     } 
     google.maps.event.addDomListener(window, 'load', initialize); 

У меня есть кнопка на самом документе, который будет вызывать функцию теста() на щелкнув его, однако он не работает. Что я делаю не так?

В общем, я хотел бы спросить, как я могу нарисовать фигуры на карте, не включая данные в функции initialize?

Answer 1

У вас не хватает магазин карты, объявить карты является Глобальным переменным,

var map; 
    function initialize() { 
      var mapOptions = { 
       center: new google.maps.LatLng(1.37, 103.814), 
       zoom: 11 
      }; 
      map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions); 
    }