css - Google の静的マップを背景として使用できますか?

Question

div 要素の背景として Google 静的マップを適用しようとしています。これは可能ですか？現在、image-background CSS プロパティを使用しています。

Answer 1

静的マップの URL に移動して画像を保存し、他の画像と同様に背景として使用できます。

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

可能な最大解像度は640x640で、これで十分な場合と不十分な場合がありますが、スケール値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);

}