今回は、「ホームページ」カテゴリの記事です。ブログだから「ホームページ」カテゴリの記事とはなんぞや？とか思われるでしょうが、私が別にやってるWebサイト「なおさん亭::新館」のメンテナンス記事です。ということで、ASP.NETでWebサイトを構築している私が、特定のページにGoogle Mapsの地図を表示させてみる、という記事です。
手順的に何段階かあるので、何回かに分けて進めます。今回は、全体のグランドデザインを描くことにします。
Webサイトに地図といっても、何の目的もなく表示させたのでは面白くありません。そこで、「新館」にある「ザ・公園」のテコ入れの一環として、公園のある場所を地図でも表示する、ということにしましょう。
で、いきなり公園の場所を地図で出す、というとほかにもいろいろ考えることが多くて複雑そうです。なので、まずは「地図をとにかく出す」ということをやってみましょう。これなら、意外と簡単にできます。
ASP.NETにおいて、Google Mapsの地図を出すには、大まかに以下の手順を踏みます。
- GoogleよりAPIキーを取得する。
- Ajaxのためのサーバコントロールを配置する。
- 必要なJavaScriptコードを書く。
さらっと書きましたが、理屈がわからないと応用が利きません。
次回は、GoogleよりAPIキーを取得するところを書いてみましょう。