jquery - 谷歌地图问题与推特 Bootstrap

标签 jquery css google-maps twitter-bootstrap

我正在使用这个 http://rjshade.github.com/gmaps-autocomplete/在我的网站中插入 map 。

我使用 twitter bootstrap,查看 map 的模态导致图钉看起来有问题(有阴影而且非常小)并且在移动它时不准确,以及在 map 上加载图钉时,图钉是在 View 中居中。 删除 bootstrap.min.css 后,所有这些错误都已修复。

有什么想法可以在拥有 bootstrap.min.css 的同时修复这些错误吗? 提前致谢

加载 map -- enter image description here

引脚 -- enter image description here

最佳答案

我认为答案可能是添加这个 CSS:

#mapCanvas img {
    max-width: none;
}

更多内容:

Twitter Bootstrap CSS affecting Google Maps

关于jquery - 谷歌地图问题与推特 Bootstrap ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12090591/

相关文章:

javascript - 基于时间的数据可视化?

javascript - 使用 Hopscotch 自动播放游览并在关闭/完成后不再播放吗?

javascript - 当 jQuery 无法获取 ip 地址时发出警报。

未调用 Jquery 切换事件

javascript - 悬停时如何使此功能无限

css - LI 在 IE7 中拉伸(stretch)到整个页面宽度,但在 Chrome 中没问题

jquery - 检查复选框是否被选中,然后删除元素

jquery - 为 d3 map 上的点击事件设置颜色

google-maps - 用 flutter 的谷歌地图在屏幕上调整标记

google-maps - 在 Google map 中查找多个位置的中心