2014-03-06 84 views
0

親愛的同學程序員,谷歌地圖不顯示衛星視圖

任何人可以幫助我,我想同時給力的GoogleMap的衛星視圖來顯示遇到一個真正的頭痛?由於API文檔,下面的代碼完全是必須完成的。儘管如此,它仍然以正常的地圖模式顯示。

有沒有人有類似的問題或看到我無法識別的錯誤?

感謝您的閱讀和您的努力。

PHP:

<?php if($gmapaddress!=""){ ?> 
    <div class="gmap"><div id="gmap_inner"></div></div> 
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&language=es"></script> 
    <script type="text/javascript" src="<?php echo $template_uri;?>/js/jquery.gmap.js"></script> 
    <script> 
      jQuery(window).load(function(){ 
       //set google map with marker 
       jQuery("#gmap_inner").gMap({ 
        markers: [{ 
         address: '<?php echo $gmapaddress; ?>'<?php if($gmapinfo!="") {?>, 
         html: '<?php echo $gmapinfo; ?>' <?php } ?>       
        }], 
        zoom: <?php echo $gmapzoom;?>, 
        mapOptions: [{mapTypeID: "satellite"}] 
       }); 
      }); 
    </script> 
<?php } ?> 

生成的HTML/JavaScript的:

<div class="gmap"><div id="gmap_inner"></div></div> 
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&language=es"></script> 
<script type="text/javascript" src="http://localhost:8888/csmlu/wp-content/themes/zeitgeist/js/jquery.gmap.js"></script> 
<script> 
     jQuery(window).load(function(){ 
      //set google map with marker 
      jQuery("#gmap_inner").gMap({ 
       markers: [{ 
        address: '-40.297357°,-73.084091°'       
       }], 
       zoom: 18, 
       mapOptions: [{mapTypeId: "satellite"}] 
      }); 
     }); 
</script> 

回答

0

好了,但仍然是爲什麼我在代碼中調用上面實際上並不做什麼是應該做的不是很清楚。我剛剛發現的解決方法是查找gmaps.js核心文件並將其中的maptypeID從ROADMAPS更改爲SATELLITE。如果有人遇到同樣的問題,這可能會有所幫助。

1

Javascript區分大小寫。該的mapTypeId選項有一個小寫的 「d」:

mapOptions: [{mapTypeID: "satellite"}] 

應該是:

mapOptions: [{mapTypeId: google.maps.MapTypeId.SATELLITE}] 

documentation

更新:您使用的仍使用deprecated (and turned off) Google Maps Javascript API v2插件,它的語法和選項是不同的,設置maptype屬性爲G_SATELLITE_MAP沒有mapOptions屬性。

<script> 
     jQuery(window).load(function(){ 
      //set google map with marker 
      jQuery("#gmap_inner").gMap({ 
       markers: [{ 
        address: '-40.297357,-73.084091' 
       }], 
       zoom: 18, 
       maptype: G_SATELLITE_MAP 
      }); 
     }); 
</script> 

working example

+0

非常感謝,我完全錯過了這一點。奇怪的是,即使修正它不起作用。我在本地開發。但我不明白這可能會如何幹涉? –

+0

PHP生成的HTML看起來像什麼?你有任何的JavaScript錯誤? – geocodezip

+0

' –