Javascript и API Карт Google

Question

Я немного беспокоюсь, и моя линия волос на разделочной доске.Когда я интегрировал API карт на этом сайте, ritaknoetze.com , все работало идеально.

Однако, копируя этот точный код для другого демонстрационного сайта, scarabpaper ,карта вообще не отображается?Может ли кто-нибудь показать мне, что я делаю неправильно?

Вот код, полученный от самого Google, который я изменил для своей темы / установки WordPress:

JavaScript:

<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>

<script type="text/javascript">
          function initialize() {
            var myLatlng = new google.maps.LatLng(-34.009839, 22.78101);
            var myOptions = {
              zoom: 9,
              center: myLatlng,
              navigationControl: true,
              mapTypeControl: false,
              scaleControl: false,
              mapTypeId: google.maps.MapTypeId.ROADMAP
            }
            var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

            var image = '<?php bloginfo('template_url')?>/assets/googlemaps_marker.png';
            var myLatLng = new google.maps.LatLng(-34.009839, 22.78101);
            var beachMarker = new google.maps.Marker({
                position: myLatLng,
                map: map,
                icon: image
            });
          }
        </script>

Мой HTML-код, к которому относится JavaScript:

<div class="contact_container">
    <div id="map_canvas"></div>
    <div class="clearfloat"></div>
</div>

Мой CSS для затронутых элементов Div

#map_canvas {
    width: 880px;
    height: 300px;
    margin-left: 10px;
    margin-bottom: 30px;
    margin-top: 10px;
    float: left;
    border: 1px solid #dedcdc;}

.contact_container {    /*container for ALL the contact info*/
    background-color: #fff;
    border: 1px solid #dedcdc;
    width: 900px;
    margin-top: 30px;
    padding: 20px;
    padding-bottom: 0;}

Любая помощь будет очень высоко ценится ...

Answer 1

Вы никогда не вызываете метод initialize().Это работает, если вы вызываете этот метод, даже используя консоль.