Отобразить google map карту нажатием кнопки

[mstdmstd]

Есть простой пример с google map картой, которая без проблем вызывается и отображется если addDomListener вызвать при инициализации окна

    jQuery(document).ready(function ($) {
        google.maps.event.addDomListener(window, 'load', initialize);
    });

</script>
...

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=<?php echo $apiKey ?>">    </script>
<script type="text/javascript">
      function initialize() {
          alert( "initialize called::" )
          var myLatlng = new google.maps.LatLng(-25.363882,131.044922);
          var mapOptions = {
              zoom: 6,
              center: myLatlng,
          }
          var map = new google.maps.Map(document.getElementById('map-next-concert'), mapOptions);

          var marker = new google.maps.Marker({
              position: myLatlng,
              map: map,
              title: 'Hello World!'
          });

          alert( "map::"+var_dump(map) )
          //alert( "2 map::"+document.getElementById('map-next-concert').innerHTML )
      }

    function ShowNextСoncert() {
        //google.maps.event.addDomListener(window, 'load', initialize);
        alert("-1 ShowNextСoncert ")
    }

</script>

Но если закоментарить вызов addDomListener при инициализации окна и вызвать его и з функции ShowNextСoncert, вызываемой при клике на кнопке то карта не отображается и консоле ошибок нет
Как это побороть ?

Спасибо!

 

[Hello]

А почему должна? Ведь страница уже загрузилась, и событие load произошло

 

[mstdmstd]

да соль во втором параметре' load'
Так

        google.maps.event.addDomListener(document.getElementById('a_ShowNextСoncert'), 'click', initializeMapNextConcert);

заработало

 

[mstdmstd]

И вопрос следом возник : для кастомных маркеров нужны ссылки на картинке в нете.
Не подскажите в нете наборы удобных картинок, на которые можно было бы дать ссылку.
Чтобы на данном этапе с графикой не заморачиваться...

 

[Hello]

http://placephant.com/