首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >Google Maps API V3 :奇怪的UI显示故障(带截图)

Google Maps API V3 :奇怪的UI显示故障(带截图)
EN

Stack Overflow用户
提问于 2011-09-19 21:36:34
回答 6查看 28.2K关注 0票数 80

任何人如果对导致google地图UI组件出现这种奇怪故障的原因有任何想法,都会非常感谢您的回复!

地图是使用以下命令创建的:

代码语言:javascript
复制
        var options = {
        zoom: <?php echo $this->zoom ?>,
        center: new google.maps.LatLng(<?php echo $this->centre_lat ?>, <?php echo $this->centre_lon ?>),
            mapTypeControl: false,
            mapTypeId: google.maps.MapTypeId.ROADMAP                
        }; 

        var map = new google.maps.Map(document.getElementById('map_canvas'), options);

即使没有标记,故障也是一样的。

EN

回答 6

Stack Overflow用户

发布于 2013-10-13 06:15:31

使用最新版本的google地图api,您需要:

代码语言:javascript
复制
<style>
  .gm-style img { max-width: none; }
  .gm-style label { width: auto; display: inline; }
</style>
票数 33
EN

Stack Overflow用户

发布于 2011-09-19 22:58:46

看起来像是缩放控件有问题。尝试将zoomControl:false添加到选项中。

实际上,正常的缩放滑块似乎位于页面的左侧(使用Firebug > Inspect元素)。可能是CSS冲突?

票数 8
EN

Stack Overflow用户

发布于 2013-04-17 05:14:22

好吧,我得到了解决这个问题的办法:

在你的CSS中,你添加了类似这样的东西:

代码语言:javascript
复制
img {max-width: 100%; height: auto;}

试着不让它变得全局,它应该会修复你:)

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

https://stackoverflow.com/questions/7471830

复制
相关文章

相似问题

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