ネットサービスの開発に役立ちそうな話題を中心にお届けします。
F.Ko-Jiの「一秒後は未来」 > Google Maps API > Google Maps APIで地図画像が読み込まれていないブロックの色を指定する
2009年07月01日 22:57
947日前に投稿

Google Maps APIで地図画像が読み込まれていないブロックの色を指定する

  • ... PV
  • このエントリーをはてなブックマークに追加

ひさしぶりにGoogle Maps APIのドキュメントを眺めていて見つけたオプション。

通常、地図画像が読み込まれていない箇所はグレーになりますが、この backgroundColor オプションを指定するとその色を任意の色に変更することができます。

以下は「白(#ffffff)」に指定する例。

バージョン2の場合

var map = new GMap2(document.getElementById("map"), {
  backgroundColor: '#ffffff'
});

バージョン3の場合

var map = new google.maps.Map(document.getElementById('map'), {
  center: new google.maps.LatLng('35.629899', '139.778779'),
  zoom: 12,
  mapTypeId: google.maps.MapTypeId.ROADMAP,
  backgroundColor: '#ffffff'
});

地図のローディング中の色がサイトのデザインと合わなくて困っていた人は使ってみては?

スポンサード リンク

Written by
Meity.jp - 「DM送りたいのでフォローしてください」とかめんどくさくないですか?


トラックバック

このエントリーのトラックバックURL:

API / Google Maps API / Javascript / プログラミング

English version

前のエントリー: « 木村カエラのホットペッパーCMの歌詞「ホットッペッパ・・・」
次のエントリー: このブログの2009年上半期のトラフィックを振り返る »

コピペにご利用ください。

タイトル:

URL:

リンク用HTMLタグ: