карта не отображается без domlistner

Question

Я хочу нарисовать многоугольник на триггере определенной функции.Я создал кнопку отправки, которая запускает функцию вставки, которая получает координаты от пользователя, и вызывает функцию отображения.

var map; var triangleCoords = [];
function insert() {
    

        //var markerImage = 'assets/img/marker.png';

       // var marker = new google.maps.Marker({
            // position: location,
            // map: map,
            // icon: markerImage
        // });
		
		triangleCoords = [
    [30.983611, 73.332778],
    [30.93361111, 73.33055556],
    [30.93361111, 73.43055556],
    [30.98111111, 73.42944444]
  ];
    

    
	display();
	
}

function display()
 {
 function initMap() {

        var location = new google.maps.LatLng(31.1704, 72.7097);

        var mapCanvas = document.getElementById('map');
        var mapOptions = {
            center: location,
            zoom: 7,
            panControl: false
            // mapTypeId: google.maps.MapTypeId.ROADMAP
        }
        map = new google.maps.Map(mapCanvas, mapOptions);


  var points = [];
  for (var i = 0; i < triangleCoords.length; i++) {
    points.push({
      lat: triangleCoords[i][0],
      lng: triangleCoords[i][1]
    });
  }
  // Construct the polygon.
  var bermudaTriangle = new google.maps.Polygon({
    paths: points,
    strokeColor: '#FF0000',
    strokeOpacity: 0.8,
    strokeWeight: 2,
	zoom: 13,
    fillColor: '#FF0000',
    fillOpacity: 0.35
  });
  bermudaTriangle.setMap(map);
}
google.maps.event.addDomListener(window,'load',initMap);
 }

код работает нормально, но если я удалю google.maps.event.addDomListener (window, 'load', initMap);Линейная карта не отображается.Моя кнопка отправки очищает формы.