サイトアイコン たまプラ通信

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

今回は、「ホームページ」カテゴリの記事です。ブログだから「ホームページ」カテゴリの記事とはなんぞや?とか思われるでしょうが、私が別にやってるWebサイト「なおさん亭::新館」のメンテナンス記事です。ということで、ASP.NETでWebサイトを構築している私が、特定のページにGoogle Mapsの地図を表示させてみる、という記事です。

手順的に何段階かあるので、何回かに分けて進めます。今回は、全体のグランドデザインを描くことにします。

Webサイトに地図といっても、何の目的もなく表示させたのでは面白くありません。そこで、「新館」にある「ザ・公園」のテコ入れの一環として、公園のある場所を地図でも表示する、ということにしましょう。

で、いきなり公園の場所を地図で出す、というとほかにもいろいろ考えることが多くて複雑そうです。なので、まずは「地図をとにかく出す」ということをやってみましょう。これなら、意外と簡単にできます。

ASP.NETにおいて、Google Mapsの地図を出すには、大まかに以下の手順を踏みます。

  1. GoogleよりAPIキーを取得する。
  2. Ajaxのためのサーバコントロールを配置する。
  3. 必要なJavaScriptコードを書く。

さらっと書きましたが、理屈がわからないと応用が利きません。

次回は、GoogleよりAPIキーを取得するところを書いてみましょう。

モバイルバージョンを終了