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

Question

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

Answer 1

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

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

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

Answer 2

Yes, this is very possible.

You'll need a Google API key and some knowledge of CSS3.

Read more about how to do it and get some sample code here: http://blog.wadehammes.com/post/3837158298

Use this code to disable all controls:

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

}