Googleマップを使った経路案内も一瞬で実装できるjQueryプラグイン「jGmaps」:phpspot開発日誌
jGmaps | jQuery Plugins Googleマップを使った経路案内も一瞬で実装できるjQueryプラグイン「jGmaps」 必要なライブラリを読み込んで、次のようにjgmapsメソッドを呼び出すとGoogleマップによる経路案内の地図と文字による案内情報が出ます。 $('#mapa').jgmaps( { width: 300, height: 300, directions:{ address: ['東京都新宿区', '東京都港区'], usePanel: true, panelId: 'panelDirections' } } ); 次のように、経路が地図に表示されます。 文字による案内情報も表示できます。 会社案内や会場案内なんかもこれで速攻実装できそうですね。 ダウンロードできるサンプルをいじくってみましょう。 地名に日本の場所を漢字で使う場合、文字コードはUTF-
Google Maps 入門
Google マップはグーグルが提供している地図サービスです。この Google マップをカスタマイズして独自のマーカーを表示させたり、指定した区間のルート検索を行ったりすることができるように色々な API が提供されています。ここでは Google マップで提供されている API の中でもウェブサイトで利用者が操作可能な地図をカスタマイズして表示することができる Google Maps JavaScript API の使い方の解説します。 ※ Google マップを利用者として使う場合の使い方については「Googleマップの使い方」を参照されて下さい。 なお JavaScript の基本的な使い方については「JavaScript入門」を参照されてください。
ストリートビューをカンタンに表示できるJavascript ライブラリ「stview.js」
Google マップのページから、ストリートビューの埋込みタグを取得するという手段もありますが、もっとシンプルに埋め込みたいと感じることもありますよね。 今回は、Google Maps API key の取得も不要で、住所やランドマーク名などをカンタンなタグで表記するだけでストリートビューを表示できる Javascript ライブラリをご紹介します。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! ストリートビューをカンタンに表示させられる「stview.js」「stview.js」は、住所やランドマーク名、緯度・経度を指定するだけで、カンタンにストリートビューをブログやサイトへ表示させられる Javascript ライブラリ。 日本語で海外のランドマークを指定することもでき、繰り返しストリートビ
ASCII.jp：Googleマップ＋jQueryで作るAjaxなデザイン｜29分でできる！ あのサイトの“技”を盗め
今やさまざまなWebサイトで使われ、すっかり地図の定番となったGoogleマップ。 コーポレートサイトや飲食店のサイトなどで、純粋に案内図としてページに埋め込むのが一般的ですが、中にはもっとおもしろい使い方で、ユーザーを楽しませているサイトもあります。 一例として、「hitotoki」というWebマガジンを紹介しましょう。hitotokiは、ある特定の場所に関するショートストーリーを地図と絡めて紹介するWebマガジンです。Googleマップをまるで独自に描いた絵地図のようにうまくサイトになじませ、「地理と文学を結びつけた町の文学地図」というコンセプトに合わせて効果的に活用しています。 今回は、このhitotokiのGoogleマップ活用法をお手本としましょう。 今回のお手本サイト： 『hitotoki―町の文学地図』 「場所」にまつわる読者の思い出を募り、地図と写真とともに紹介する投稿型の
ADDRAjax - Ajaxによる住所ドリルダウン検索
Kawa.netxp ADDRAjax - Ajaxによる住所ドリルダウン検索 都道府県名→市区町村名→町域とドリルダウンで住所を検索する JavaScript ライブラリです。 JavaScript のみで稼動するため、サーバサイドで稼動するCGIプログラムは不要です。 住所辞書データの通信には Ajax（JSON）を利用しており、動作も十分に軽量です。 【2007/12/23 追記】 jQuery にも対応しました！ 住所を選択： 『ADDRAjax』は ADdress DRilled down by Ajax の略です。 ダウンロード（ZIPパッケージ） ←通常はこちら 開発中のソースコード Subversion @ CodeRepos 導入手順とサンプルコード ドリルダウンな ALPSLAB Clip! 作成ツール 郵便番号辞書のアップデート手順 ライセンスとご使用上の注意点 更新
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQueryでGoogle Mapsを簡単に扱えるようになるプラグイン『Google Maps jQuery Plugin』 - IDEA*IDEA 〜 百式管理人のライフハックブログ
