ASCII.jp：Googleマップ＋jQueryで作るAjaxなデザイン｜29分でできる！ あのサイトの“技”を盗め
今やさまざまなWebサイトで使われ、すっかり地図の定番となったGoogleマップ。 コーポレートサイトや飲食店のサイトなどで、純粋に案内図としてページに埋め込むのが一般的ですが、中にはもっとおもしろい使い方で、ユーザーを楽しませているサイトもあります。 一例として、「hitotoki」というWebマガジンを紹介しましょう。hitotokiは、ある特定の場所に関するショートストーリーを地図と絡めて紹介するWebマガジンです。Googleマップをまるで独自に描いた絵地図のようにうまくサイトになじませ、「地理と文学を結びつけた町の文学地図」というコンセプトに合わせて効果的に活用しています。 今回は、このhitotokiのGoogleマップ活用法をお手本としましょう。 今回のお手本サイト： 『hitotoki―町の文学地図』 「場所」にまつわる読者の思い出を募り、地図と写真とともに紹介する投稿型の
Google Maps v2を設置する(1) - ［JavaScript］All About
Google Maps v2を設置する(1) 1: URLへバージョンを表記する 2: 地図クラスがGMapからGMap2へ 3: centerAndZoomからsetCenterへ 以前、Google Mapsをカスタマイズして自分のページへ設置するための解説を、 Google Mapsを自サイトに設置する や Google Mapsを自サイトに設置する2 などで行いましたが、それらは、Google Maps API のバージョン1(v1)についてのものでした。 しかし、現在、Google Maps APIでデフォルトで動作しているバージョンはv2になっています。 v2になり、APIには、多くのクラスやメソッドが追加されるとともに、 JavaScriptファイルのサイズもおよそ半分になり、 メモリリークの回避策や手軽なデバッグログ用クラスなども追加され、v1よ
【特集】ゼロからはじめるYahoo! Maps API (1) Yahoo! Maps APIを使ってみよう | パソコン | マイコミジャーナル
Yahoo! Maps APIを使ってみよう Webページ上に貼付けることができ、自由に移動したりズームできる地図としてはGoogle Mapsが有名です(*1)。Google Mapsは単純にページ上に地図を貼付けられるだけでなく、プログラム(JavaScript)からも制御することができます。このため、応用範囲が広く、他のサービスと組み合わせて使われる(*2)ことも多くあります。 Webページ上に貼付けられる地図サービスはGoogle Mapsしかないと思っている人も多いかもしれません。地図サービスはGoogle Maps以外にYahoo!(米国/日本)もYahoo! Mapsとして提供しています。Yahoo! MapsもGoogle Maps同様プログラム(JavaScript)から制御することができます。 ここで注意しないといけないのはYahoo! Mapsには2種類あるという点で
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
