Javascript和谷歌地圖API

我很煩人，我的髮際線在砧板上。當我在這個網站上整合了地圖API時，ritaknoetze.com，一切都很完美。Javascript和谷歌地圖API

但是，複製一個不同的演示網站的確切代碼，scarabpaper，地圖根本不顯示？有人能告訴我我做錯了什麼嗎？

這是我從谷歌本身，我修改了我的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，其中Java雲：

<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;}

任何幫助將大大讚賞 ...

來源

2011-02-09 Tiny Giant Studios

你永遠調用initialize()方法。如果您調用該方法，即使使用控制檯，它也能正常工作。

來源

2011-02-09 23:26:29

你可以附加onload ='javascript：initialize（）;'在身體 – kjy112 2011-02-09 23:27:24

Javascript和谷歌地圖API

回答

相關問題