はじめに 今回は前回に引き続き、Azure Mapsを使った地図表示アプリケーションの実装を行っていきます。前回実装した検索機能をより使いやすくするために、ユーザーの入力内容によって動的に検索結果を地図上に反映できるようなアプリケーションへと修正していきます。 今回の完成イメージ 本稿では前回の実装内容をもとに新たに追加する箇所や修正する箇所について説明します。完全なサンプルコードについてはこちらを参照して下さい。 ユーザー入力によるキーワード検索の実装 ユーザーが入力したキーワードによって検索を実行し、取得した検索結果を一覧表示できるようにアプリケーションを変更していきましょう。 検索ボックスの追加 まずはHTML部分を修正し、画面上に検索キーワードを入力できるフォームを追加します。 キーワード検索領域の追加(index.html) <body onload="initMap()"> <