住所の単語から住所の候補をサジェスト表示する #2

以前に公開したデモにキー操作機能を加えたものを作成しました。
キーボードから住所の単語を入力後、マウスに手を伸ばすことなく住所候補を選ぶことができるので使いやすくなったかと思います。

住所の単語から住所の候補をサジェスト表示する #2

まだ中小の解決すべき課題があるため、引き続きデモとしての公開になります。
もう少しお待ちください。

住所の単語から住所の候補をサジェスト表示する

aquilegia が Postal Search Ajax API を使って新しいデモを作ってくれました。

住所の単語から住所の候補をサジェスト表示する

Google サジェスト や gooサジェストβ with ATOK は、キーワードの入力候補を表示しますが、このデモでは Postal Search Ajax API を使って住所の入力候補を表示します。

まだ中小の解決すべき課題があるため、デモとして公開しました。もっと完成度を上げた後、最終的に Postal Search Ajax API に組み込んでリリースする予定です。もう少しお待ちください。

NHKスペシャル“グーグル革命の衝撃”あなたの人生を検索が変える 教養 by G-Tools

(訂正)住所の単語から郵便番号を検索する

誤りの連絡ありがとうございます。

Postal Search Ajax API サンプル (with jQuery) の中の 住所の単語から郵便番号を検索する に誤りがありましたので訂正しました。

実際に動作している JavaScript は正しいのですが、ページ上で紹介している JavaScript コードが別のサンプルのものになっていました。

住所の単語から郵便番号を検索してその住所を表示するサンプルを追加しました

住所の単語から郵便番号を検索できる Ajax API をリリース

住所の単語から郵便番号を検索できるクロスドメインに対応した Ajax API をリリースしました。住所の単語から郵便番号を検索する Postal.Coder クラスを追加します。Postal.Coder クラスを使うと "横浜" や "新宿" といった単語を含む住所の郵便番号を検索できます。

さらに Postal.Coder クラスを使った新しいサンプルを追加しました。このサンプルは Postal.Lookup クラスを組み合わせた実例にもなっています。

こちらから Postal Search Ajax API サンプル 住所の単語から郵便番号を検索してその住所を表示する をご覧ください。

このサンプルは Postal.Coder クラス を使って、指定した住所の単語から郵便番号を検索し、その結果をリスト表示します。さらに Postal.Lookup クラス を使って、その郵便番号から住所を検索し、その結果を表示します。

ジオコーダを使わずに郵便番号の周辺地図を表示する (by Google Maps API)

郵便番号で検索した住所の緯度と経度を取得できます

郵便番号で検索した住所の緯度と経度が取得できるようになりました。これにより、緯度と経度をキーにして、他の WEB サービス(API) と連携しやすくなりました。

上のとおり、郵便番号から直接その緯度と経度が取得できるため、ジオコーダを使わなくても Google Maps API などの地図 API と連携できるようになりました。

そこで、次のような新しいサンプルを用意しました。Postal Search Ajax API の理解や活用に役立ててください。

ジオコーダを使わずに郵便番号の周辺地図を表示する (by Google Maps API)

このサンプルは、指定した郵便番号のおおよその位置を地図上のマーカーで表します。マーカーをポイントすると、その郵便番号のデータを情報ウィンドウに表示します。また、マーカーをクリックすると、その周辺を拡大して表示します。

「郵便番号の地域に関連するブログを検索する」サンプルを修正しました

郵便番号の地域に関連するブログを検索する (by BLOGRANGER API) のサンプルが JavaScript エラーで動作しない状況になっていました。

Snap Shots™ の非公開のインタフェースを使っていたのですが、Snap Shots™ のバージョンアップにより、そのインタフェースが変更してしまったのが原因です。

期待どおり動作するように修正をしておきましたので、引き続きご利用ください。

郵便番号の地域に関連するブログを検索する (by BLOGRANGER API) は Postal Search Ajax API を使って、入力した郵便番号から住所を取得します。そして、その郵便番号と住所を OR 検索として BLOGRANGER API を使ってブログを検索します。

そのため、郵便番号のみを指定して検索しているにも関わらず、その住所を含むブログも検索することになります。見えないところで検索条件に住所を補足しているということです。

dp.SyntaxHighlighter を使ってサンプルコードを見やすくしました！

Postal Search APIs & Solutions
http://developmentor.lrlab.to/postal/



dp.SyntaxHighlighter - free JavaScript syntax highlighting を使って サンプルコード を見やすくしました。

dp.SyntaxHighlighter の導入はとても簡単です。まず、ソースコードを含む textarea を用意します。textarea には名前を付けておきます(ここでは code としました)。JavaScript コードが対象なので class を js とします。

<textarea name="code" class="js" rows="25" cols="80">
… JavaScript コード …
</textarea>

dp.SyntaxHighlighter のスタイルシートをインポートします。続けて dp.SyntaxHighlighter のライブラリをロードします。今回は JavaScript が対象なので shBrushJScript.js を指定しています。

<style type="text/css">@import url(SyntaxHighlighter.css);</style>
<script type="text/javascript" src="shCore.js"></script>
<script type="text/javascript"  src="shBrushJScript.js"></script>
<script type="text/javascript" >
dp.SyntaxHighlighter.HighlightAll('code');
</script>

最後に dp.SyntaxHighlighter を実行します。このとき前述の textarea の名前を指定します。