Local Search Control ( Google Maps API ) の利用

どうも勉強不足というか、向けているアンテナの方向が悪いのか、Google Maps API の Local Search Control についての情報も入手できていませんでした。 2月10日に「Google Maps も日々進化しているようですね」で


なんだか、検索まで出るようになっています。Google マップ API の日本語ドキュメント を勉強しないといけませんね。

と、書いてるのに... ダメなヤツです。(^_^;


とりあえず、次にリリースする a-blog では、Local Search Control を追加しました。 一般に見せる場合には、検索は出さずに、更新系の場合にだけ表示するようにしてあります。

map2.tpl.html の head内


<script src="http://www.google.com/uds/api?file=uds.js&v=1.0&key={googleKey}" type="text/javascript"></script>
<script src="http://www.google.com/uds/solutions/localsearch/gmlocalsearch.js" type="text/javascript"></script>
<style type="text/css">
  @import url("http://www.google.com/uds/css/gsearch.css");
  @import url("http://www.google.com/uds/solutions/localsearch/gmlocalsearch.css");
</style>

map2.tpl.html の map.addControl の下


map.addControl(new google.maps.LocalSearch());

a-blog のテンプレートと関係ない時には、{googleKey} に API のキーをセットして下さい。


関連記事

この記事のハッシュタグ から関連する記事を表示しています。
ユーノスロードスター

lightbox から prettyPhoto に変更しました

機械翻訳はスパム行為なの? 適切なマークアップを調べてみた

a-blogにrel=&quot;canonical&quot;を追加する

Google Maps API が使えないサイトについて

iPhoneでa-blogのGoogleMapsも改良!

Google Chart API で QRコードが出るようになったそうです

最新記事

カテゴリー

アーカイブ

ハッシュタグ