谷歌地图API没有正确加载界面元素
Google Maps API not loading interface elements properly
我有一个正在开发的网站http://damirsepictrip.com/test-mobile-post/
我正在使用谷歌地图API创建自定义地图,但街景图标显示不正确。它只是一个竖条,而它需要是一个人的图标。
此外,如果您将图标放置在地图上以使用街景,您将看到,当您旋转时,街景图像的某些部分丢失,关闭按钮图标也不显示。任何帮助都将不胜感激。
删除此:
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;
}
添加到Dr.Molle上面的答案中--
让我工作的CSS是:
.gm-style img{
max-width:none;
}
不幸的是,将最大宽度设置为none也破坏了Android 2.3.3中的信息窗口关闭按钮——请参阅https://stackoverflow.com/questions/20692114/setting-max-width-css-property-to-none-breaks-android-2-3-3-infowindow-close-but
最大高度!
#location-map img{
max-width: none !important;
max-height: none !important;
}
相关文章:
- 如何使用url加载程序在webpack中导入多个图像
- 如何在生成下载文件时显示加载动画
- 有没有任何方法可以将控制器从文件加载到ui路由器$stateProvider中
- 无法在通过jQuery的ajax加载的页面中执行javascript
- Emberjs应用程序加载在除Index之外的所有路由上
- 在chrome.tabs.onCreated之后加载HTML页面
- 单击F5时如何停止页面加载
- HTML5音频加载和播放获胜'我不能在iPad上工作
- 跟踪在页面加载时应用内联样式的JavaScript
- 在使用Polymer'加载所有json文件后执行方法;s的核心ajax
- jQuery Lazy加载动画滚动
- Html页面上的多个Base64图像和平滑加载
- 如何创建带有插槽的vue js组件预加载程序
- Webpack/Rect:遵循egghead.io教程,但出现错误:您可能需要一个合适的加载程序来处理此文件类型
- 如何使该数据在所有元素中加载
- 使用javascript界面重新加载Android webview
- 谷歌地图API没有正确加载界面元素
- 如何在jquery中显示加载器时阻止用户与底层用户界面的交互
- 用ajax加载迷你界面
- 动态界面的最佳方式,从数据库加载,在React