JavascriptとGoogle Maps API

Question

私は迷惑になり、私のヘアラインはチョッピングブロックにあります。このサイトにマップAPIを統合したとき、ritaknoetze.comはすべて正常に機能しました。

しかし、異なるデモウェブサイトscarabpaperの正確なコードをコピーすると、マップがまったく表示されません。誰かが私が間違っていることについて私にロープを見せてもらえますか？

ここで私はGoogle自身から得たコードは、私は私のワードプレスのテーマ/インストール用に変更されていることだ：

は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> 

Javascriptを行く私のHTML：

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

影響を受けるdivのための私のCSS

#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()メソッドを呼び出すことはありませんしています。このメソッドを呼び出すと、コンソールを使用しても機能します。