google-maps - 标记、信息窗口和阴影在 Google Maps Javascript API 中未正确呈现?

标签 google-maps google-maps-api-3 google-maps-markers

我从这里的演示中复制了 Google Maps AutoComplete JS 示例:

Places Map AutoComplete Demo

除了渲染信息窗口和阴影外,一切都很好。我不明白为什么。起初我以为是我手动设置了 map 的最大宽度,但是当我关闭所有CSS规则时它仍然无法正确呈现。

这是我的客户端代码中的一个示例:

enter image description here

这是演示 的截图

enter image description here

有任何想法吗?

谢谢!
~丹

@思想拳

最佳答案

有同样的问题,调试显示问题出在以下 CSS 片段上:

img { max-width:100% }

删除/约束规则修复了它。

关于google-maps - 标记、信息窗口和阴影在 Google Maps Javascript API 中未正确呈现?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8273041/

相关文章:

android - 从android中的多条折线中删除一条折线

android - 地理点 android 和谷歌地图上的 onClick 监听器

javascript - 为谷歌地图 API 中的现有标记添加信息窗口

javascript - 将 Google Geochart 标记更改为自定义 png 图标

javascript - 使用 Google map 在两组标记之间切换

ios - 更改 Google map 的选定标记或更改标记的颜色? [iOS]

android - Google Play 服务 - 包含 dex 错误

android - 让 map 标记在某些缩放级别出现/消失

javascript - 销毁 map 实例的正确方法是什么?

javascript - 使用自定义响应在谷歌地图上绘制路线