我可以使用Google静态地图作为背景吗？

Question

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

Answer 1

您只需导航到静态地图的网址即可保存图片，并将其用作任何其他图片的背景。

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

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

Answer 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);

}