Могу ли я использовать статическую карту Google в качестве фона?

Question

Я пытаюсь применить статическую карту Google в качестве фона для элемента div. Это возможно? На данный момент я использую свойство CSS с изображениями.

Answer 1

Вы можете просто сохранить изображение, перейдя по URL-адресу вашей статической карты и использовать его в качестве фона, как и любое другое изображение.

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

Максимальное разрешение может быть это 640x640, что может или не может быть достаточным, однако вы можете использовать scale value из 2, чтобы получить 1280x1280 изображение.

Answer 2

Да, это очень возможно.

Вам понадобится ключ API Google и некоторые знания 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); 

}