Home > Tips > Google Maps(グーグルマップ)を自サイトに設置する

Google Maps(グーグルマップ)を自サイトに設置する

  • 2009-01-09 (金) 15:01
  • Tips

photostudio-l

先日、公私ともに大変お世話になっておりますフォトスタジオエルが新築移転されました。

地元大和郡山市を盛り上げようといろいろな活動をされており、タウン誌「瓦版元気城下町」の編集や市内で落語会を開催する「元気城下町寄席」の運営などもお声かけいただき、非力ながらお手伝いさせていただいております。

またフォトスタジオエルのホームページを制作もさせていただいていますので、ホームページに掲載されていた地図を変更。今回はGoogleが提供している地図(Google Maps API)を埋め込んでみました。

フォトスタジオエルの地図(Google Maps)

この地図はGoogle マップのサイトにある機能を利用するものではなく、別途Googleが提供しているGoogle Maps APIというサービスを利用してJavaScriptというスクリプト言語を使ってコーディングします。
今回は地図上にマーカーを入れ、吹き出しを表示させ、吹き出しの中には写真と会社名、住所、電話番号を表示させています。

他にもマーカーをオリジナルのマーカーに変更したり、複数個表示させたり、自分で書いた線を一緒に表示させたりと、いろいろな事が出来ます。
また閲覧する側も、広域・詳細と自由に表示できますし、自分の考えている基点からの地図を見ることが出来ますので、会社やお店の場所をホームページに掲載する場合、一枚の画像の地図を貼り付けてあるよりずっと便利に使えます。なによりかっちょいいと思いませんか?

ホームページを自分で作られる方なら、じっくり見ていけばご自分で設置することも出来ます。また、ちょっと自信がない方はご相談いただければ設置代行させていただきます。

Comments:0

Comment Form
Remember personal info

Trackbacks:0

Trackback URL for this entry
http://blog.artnext.com/2009/01/post59/trackback/
Listed below are links to weblogs that reference
Google Maps(グーグルマップ)を自サイトに設置する from アートネクストブログ

Home > Tips > Google Maps(グーグルマップ)を自サイトに設置する

Search
Feeds
Meta

Return to page top