Google Maps API无法正确加载界面元素

时间:2012-02-20 07:33:12

标签: javascript google-maps

我有一个我正在http://damirsepictrip.com/test-mobile-post/

工作的网站

我正在使用Google Maps API创建自定义地图,但街景视图图标未正确显示。它只是一个垂直条,而它需要是一个人的图标。

此外,如果您将地图上的图标放置为使用街景视图,您会看到在旋转时,部分街景视图图像丢失,关闭按钮图标也未显示。任何帮助将不胜感激。

3 个答案:

答案 0 :(得分:18)

删除它:

img {
  max-width: 100% !important;
}

http://damirsepictrip.com/wp-content/themes/starkers/css/base.css

..或尝试使用与地图内的图像不匹配的其他选择器。

img {
  max-width: 100% !important;
}

/*override(reset) the setting for images inside the map*/
#location-map img{
  max-width:none !important;
}

答案 1 :(得分:3)

添加到Dr.Molle上面的答案 -

让我为我工作的CSS是:

.gm-style img{
    max-width:none;
}

不幸的是,将max-width设置为none也打破了Android 2.3.3中的infowindow关闭按钮 - 请参阅https://stackoverflow.com/questions/20692114/setting-max-width-css-property-to-none-breaks-android-2-3-3-infowindow-close-but

答案 2 :(得分:0)

max-height too!

#location-map img{ 
    max-width: none !important; 
    max-height: none !important; 
}