Google Map で検索窓を表示

Google Maps API v3 で地図にローカルサーチ用の検索ボックスを表示する方法を調べたのでメモ。

  • gmaps-api-v3-googlebarから入手したファイルを解凍。
  • その中のjGoogleBarV3.jsとdefault.cssを適当な位置に配置。
  • scriptとlinkを追加。
    •
  • マップに検索ボックスを追加
mapOptions = {mapTypeId: google.maps.MapTypeId.ROADMAP};
gbarOptions={};
myMap = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
myMap.controls[google.maps.ControlPosition.BOTTOM_LEFT].push((window.gbar=new window.jeremy.jGoogleBar(myMap,gbarOptions)).container);

(オプションの詳細はまた今度。)

  • ヒントテキストとボタンの表記を変えたい場合はjGoogleBarV3.jsを直接編集（文字コードに注意）。
  • 蛇足ながら&language=jaをmaps.google.com/maps/api/js?sensor=falseの後につけておくといいことがあるようです。