ローカル検索コントロールを埋め込む

GoogleMap

久々にGoogleMapを触ってみる。

今回は地図にローカル検索コントロール（＋α）を埋め込んでみる。

で、結果はこれ。
http://sinjyukudotcs.web.fc2.com/gmapsample/080528_aoyagi.html

・・・すごくね？

コピペしただけなんだけど、こんな簡単にこんな高機能なコントロールが付いちゃっていいわけ？

・・・すごいね。


ちなみに、コントロールをマップ API アプリケーションに追加するには、以下のことが必要です。

  1. Google AJAX Search API URL を追加する。
  2. そのサービスのマップ API キーを使用する。
  3. そのコントロール オブジェクトのスタイルシートを読み込む。


最後に今回追加した個所を以下に記す。

<style type="text/css">
  @import url("http://www.google.co.jp/uds/css/gsearch.css");
  @import url("http://www.google.co.jp/uds/solutions/localsearch/gmlocalsearch.css");
  }
</style>
<script src="http://www.google.co.jp/uds/api?hl=ja&amp;file=uds.js&amp;v=1.0" type="text/javascript"></script>
<script src="http://www.google.co.jp/uds/solutions/localsearch/gmlocalsearch.js" type="text/javascript"></script>
// 縮尺のズームイン/ズームアウトのためのボタン及びスライダー
map.addControl(new GLargeMapControl());

// マップタイプを切り替えるためのボタン
map.addControl(new GMapTypeControl());

// 今回の主役、ローカル検索コントロール
map.addControl(new google.maps.LocalSearch(), new GControlPosition(G_ANCHOR_BOTTOM_RIGHT, new GSize(10,20)));