谷歌地图 Default.css 样式表导入

Posted

技术标签:

【中文标题】谷歌地图 Default.css 样式表导入【英文标题】:Google Maps Default.css stylesheet import 【发布时间】:2013-07-21 12:46:13 【问题描述】:

我正在尝试在我的网站上设置一个简单风格的谷歌地图。我已经将基本地图复制到了我的 html 中并且它可以工作,但是当我对 Simple Styled Map 执行相同操作时,它会失败。 https://developers.google.com/maps/documentation/javascript/examples/maptype-styled-simple

错误是[来自 django mysql 服务器]

[22/Jul/2013 10:05:24] "GET /maps/documentation/javascript/examples/default.css HTTP/1.1" 404 2160

调用 this 的 html 部分在标题中

 <link href="/maps/documentation/javascript/examples/default.css" rel="stylesheet">

现在我的问题是:

这应该在 default.css 中是什么?

我需要使用这个特定的样式表还是可以使用我网站其他部分的样式表?

谢谢

【问题讨论】:

【参考方案1】:

您不需要特定的样式表,但您必须为#map-canvas 设置至少一个高度。

在失败的示例中,高度是通过外部样式表设置的,这就是您看不到任何内容的原因,因为无法加载样式表。

【讨论】:

谢谢,这导致了解决方案。确切的解决方案是添加 "html, body, #map-canvas margin: 0; padding: 0; height: 100%; "

以上是关于谷歌地图 Default.css 样式表导入的主要内容,如果未能解决你的问题,请参考以下文章

Android Studio 谷歌地图自定义地图,只想显示自定义地图但利用谷歌地图功能

如何在 Flutter Web 中使用谷歌地图库? [关闭]

如何用经纬度查地点?

如何在 C++ 语言中将谷歌地图 API 与 MFC 或 QT 一起使用?

颤动谷歌地图在运行时更新地图样式

谷歌地图导入AutoCAD CAD图导入谷歌地图