我可以使用谷歌静态地图作为背景吗？答案

【问题标题】：Can I use a Google static map as a background?我可以使用谷歌静态地图作为背景吗？
【发布时间】：2013-06-13 14:52:05
【问题描述】：

我正在尝试应用 Google 静态地图作为 div 元素的背景。这可能吗？我目前正在使用 image-background CSS 属性。

【问题讨论】：

收到答案后别忘了接受！

【解决方案1】：

您可以通过导航到静态地图的 URL 来简单地保存图像，并将其用作任何其他图像的背景。

.map-div {
    background-image:url('static-map.png');
}

它的最大分辨率是640x640，这可能不够，也可能不够，但是您可以使用scale value 2 来获得1280x1280 的图像。

【讨论】：

谢谢，640x640 不足以满足我的需要，但也许其他人可以使用它。
添加了关于缩放的注释，如果这对您有帮助的话。
我想知道保存静态地图图像是否违反 Google 的条款和条件，例如10.1.1.(g) No Use of Content without a Google Map....

【解决方案2】：

是的，这很有可能。

您需要一个 Google API 密钥和一些 CSS3 知识。

在此处阅读有关如何操作的更多信息并获取一些示例代码：http://blog.wadehammes.com/post/3837158298

使用此代码禁用所有控件：

function initialize() {
var mapOptions = {
zoom: 4,
center: new google.maps.LatLng(-33, 151),
disableDefaultUI: true,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
var map = new google.maps.Map(document.getElementById("map-canvas"),
   mapOptions);

}

【讨论】：

很遗憾，这不是静态地图。