ASP.NETサイトにGoogle Mapsの地図を表示する(2)

昨日の記事に引き続き、自前のASP.NETサイトに、Google Mapsの地図を表示させる方法について書いていきます。今回は、Google Mapsの利用に必要なキーを、Googleより取得する手順を書いていきます。

Google_maps_02

まず、下記のサイトにアクセスします。すると、上の画面が出てきます。なお、Google MapsのIDを取得するには、GoogleのIDが必要です。GMailなどにも使えるIDですので、あらかじめ取得しておきます。

Google Maps API – Google Code

右の「スタートガイド」にある「1.登録して Google Maps API キーを取得します。」をクリックします。すると、注意事項などが出ますので、了解したら「利用規約を読んだうえでこれに同意します」にチェックを入れ、「使用する Web サイトの URL」に地図を表示させるWebサイトのURLを正しく入力します。そして、「APIキーを作成」をクリックします。

Google_maps_03

JavaScriptのコードが表示されます。このコードを、地図を表示させたいページの<head>タグの内部に埋め込みます。ただし注記にあるとおり、sensorパラメータをtrueあるいはfalseに修正する必要があります。keyパラメータの内容は、WebサイトのURLによって変化します(ここではモザイクにしてあります)。

Google_maps_04

これで、キーの取得は済みました。次回は、このキーを実際にWebページに組み込み、地図を表示させてみましょう。

コメント