首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Google地图不显示卫星视图

Google地图不显示卫星视图
EN

Stack Overflow用户
提问于 2014-03-07 06:18:39
回答 2查看 7.4K关注 0票数 0

亲爱的程序员们:

有没有人可以帮我解决我在想要强制googlemap在卫星视图中显示时遇到的真正头痛的问题?由于API文档的原因,下面的代码确实是必须要做的。尽管如此,它仍然以正常贴图模式显示。

有没有人遇到过类似的问题,或者看到过我无法识别的bug?

感谢您的阅读和您的努力。

PHP:

代码语言:javascript
运行
复制
<?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:

代码语言: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>
EN

Stack Overflow用户

发布于 2014-03-07 06:29:11

Javascript区分大小写。MapTypeId选项有一个小写的"d":

代码语言:javascript
运行
复制
mapOptions: [{mapTypeID: "satellite"}] 

应该是:

代码语言:javascript
运行
复制
mapOptions: [{mapTypeId: google.maps.MapTypeId.SATELLITE}] 

documentation

更新:您正在使用的插件仍在使用deprecated (and turned off) Google Maps Javascript API v2,其语法和选项不同,请将maptype属性设置为G_SATELLITE_MAP没有mapOptions属性。

代码语言:javascript
运行
复制
<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

票数 1
EN
查看全部 2 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/22237325

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档