2011-02-09 26 views
0

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

しかし、異なるデモウェブサイト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;} 

すべてのヘルプは大歓迎大幅だろう...

答えて

2

あなたはinitialize()メソッドを呼び出すことはありませんしています。このメソッドを呼び出すと、コンソールを使用しても機能します。

+0

あなたはonload = 'javascript:initialize();'を添付することができます。体の上で – kjy112

+1

@ kjy112: 'onload = 'initialize()'' –

+0

あなたの鋭い目のためにMatt、kjy、Felixに感謝します。私のinitイベントは、特定のページでinit呼び出しのみを表示する誤ったphp関数によって隠されていたことが分かります。 Anyhooooo、私はそれを修正し、すべてがデモサイトで再びpeachyです - 私のヘアラインはあなたに負っています;) –

関連する問題