ひさしぶりに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'
});

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

• 
• ツイートで共有

著者について

F.Ko-Ji

Webエンジニアやってます。最近は ドットインストール の開発がお仕事です。その傍ら、個人で Meity や 電車遅延なう、梅酒.in、 #グラドル自画撮り部 の部室といったネットサービスを開発・運営してます。梅酒と草野球とリアル脱出ゲームが好きです。

» 詳しいプロフィールや運営サービスの一覧など