ASCII.jp：Googleマップ＋jQueryで作るAjaxなデザイン｜29分でできる！ あのサイトの“技”を盗め
今やさまざまなWebサイトで使われ、すっかり地図の定番となったGoogleマップ。 コーポレートサイトや飲食店のサイトなどで、純粋に案内図としてページに埋め込むのが一般的ですが、中にはもっとおもしろい使い方で、ユーザーを楽しませているサイトもあります。 一例として、「hitotoki」というWebマガジンを紹介しましょう。hitotokiは、ある特定の場所に関するショートストーリーを地図と絡めて紹介するWebマガジンです。Googleマップをまるで独自に描いた絵地図のようにうまくサイトになじませ、「地理と文学を結びつけた町の文学地図」というコンセプトに合わせて効果的に活用しています。 今回は、このhitotokiのGoogleマップ活用法をお手本としましょう。 今回のお手本サイト： 『hitotoki―町の文学地図』 「場所」にまつわる読者の思い出を募り、地図と写真とともに紹介する投稿型の
讃岐うどんチェッカー
讃岐うどんチェッカーは、Ajax地図ドコイコMapsと口コミを連動させて香川県にある讃岐うどん店舗を検索できるサービスですドコイコMapsとクチコミで讃岐うどん情報をズバ＠検索。国内最大級の讃岐うどん情報サイトへ！ 【順位】香川の讃岐うどん屋さん約500店から選ぶ、みんなが好きな讃岐うどんランキングです。 【投票】あなたが好きな讃岐うどんのお店に投票できます。うどんやお店の雰囲気なども書いてください。 【項目】お店の名前をクリックすると、エンジョイさぬきうどん→の店舗情報をマップで見ることができます。 をクリックで讃岐うどん遍路のうどん店情報を見る事が出来ます。 【クチコミ】クチコミをクリックすると、みんなのクチコミを見ることができます。
Google マップ API リファレンス - Google マップ API - Google Code
Google Loader Migration Guide Place Field Migration (open_now, utc_offset) Upgrading from v2 to v3 Get Started Get Started with Google Maps Platform API Picker Billing & Pricing Security & Compliance Reporting & Monitoring FAQ Support and Resources Customer Care Incident Management Maps Maps JavaScript API Maps SDK for Android Maps SDK for iOS Google Maps for Flutter Maps Embed API Maps Static API
Keyhole: Downloadkeyhole
Aw snap! Google Earth isn't supported on your browser. You may need to update your browser or use a different browser. Please see our system requirements for more information. Chrome is a great choice and you can download it here. Or if you're feeling adventurous, you can try Earth anyway by choosing an option below.
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よ
ke-tai.org > Blog Archive > Asial blogに携帯からGoogleMapを表示するためのPHPクラスが公開されています
Asial blogに携帯からGoogleMapを表示するためのPHPクラスが公開されています Tweet 2008/1/22 火曜日 matsui Posted in PHP, 記事紹介・リンク | No Comments » 先日もご紹介したばかりのAsial blogに、ケータイでGoogleMapを手軽に表示するための、PHPクラスのサンプルコードが公開されています。 → Asial blog 携帯でGoogleMapを手軽に表示するPHPクラス [asial.co.jp] ご存知の通りGoogleMapは、PC版ではJavaScriptを使って表示していますが、ケータイではJavaScriptが利用できないため、画像として出力することで地図を表示させています。 それでは実際にAsial blogにあるコードを利用して、ケータイから地図を表示してみましょう。 (1) 「Google
第3回 Google Mapsでマッシュアップ
第3回では，複数のWebサービスを使ってWebサイトを構築する「マッシュアップ」を試してみます。ここでは，最も有名なWebサービスであるGoogle Mapsと，最寄り駅を教えてくれるWebサービスを組み合わせたアドレス帳を作ってみます。 Google MapsやYahoo! Mapsは，地図の情報をWebサービスで提供しています。このWebサービスを用いると，自分のWebサイト上に地図を簡単に張り付けられます。また，天気の情報や駅周辺の情報といった地域の情報を提供しているWebサービスもあります。 つまり，地図情報と地域情報のWebサービスを組み合わせると，地図の上に天気を表示したり，駅周辺の情報を表示したりといったオリジナルの地域情報サイトが簡単に作れます。これがマッシュアップです。最近は，地域情報を提供するWebサービスが増えています（表1）。 ここでは3種類のWebサービスを組み合
Google Mapで走った距離を測ってみる - log4day～1人月からの脱却
Q. 週に一回ジョギングをしているのですが、走っている距離がわかりません。どうしたら良いでしょうか？ A. Google Map APIを使ってみてはいかがでしょうか？ ということで、今更ながらGoogle Map上で距離を測定するJavaScriptを作ってみることにしました。「Google Mapについては名前しか知らない＆JavaScript自体勉強中」という状態なので、プチ開発日誌として四苦八苦する様子も後述しておきます。 走った距離を測るJavaScript 走った経路をクリックしてください。地図を動かしたい場合はクリックしたままグリグリ。あと、デフォルトが私のジョギングコースなので、左端のズームバーをマイナスにずらして、お近くの地域を探してください。 走行距離(m) 一つ前に戻る リセット プチ開発日誌 11:00-11:30 今回のネタを思いつく。調べてみたところ、Googl
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
サービス終了のお知らせ
所蔵図書館マップ
anoncom.net
Google Maps Hacks - 地図検索サービス徹底活用テクニック - Rich Gibson
Google マップの乗換案内