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-
GoogleMap風でクールな地図UIが作れるライブラリ「MapBox」:phpspot開発日誌
MapBox | creating custom maps in the cloud GoogleMap風でクールな地図UIが作れるライブラリ「MapBox」が公開されています。 施設の案内や、ゲームの攻略サイトなんかでマップとかに適用すると便利に使えるかもしれません。 サイト上にはライブラリを使って実装されたサンプルがいくつか確認できますが、移動、拡大/縮小ボタンのUIがいい感じにデザインされてます。 複雑な処理もライブラリで楽に実現できちゃいますね。 関連エントリ GoogleマップやFacebook風など、自由にカスタマイズできるツールチップ「BeautyTips」 「Google Static Maps API」を使い携帯でGoogleマップを表示 Google Map APIでルート表示のjavascriptコード例
[JS]Google Mapsと連動してパネル表示も切り替えるスクリプト
ナビゲーションのホバーに合わせて、Google Mapsとパネルの表示を切り替えるスクリプトを紹介します。 <textarea name="code" class="html" cols="60" rows="5"> <li data-geo-lat="41.9786" data-geo-long="-87.9047"> <h3>O'Hare Airport</h3> <p>Flights n' stuff</p> <p class="longdesc"><strong>About:</strong> O'Hare International Airport has been voted the "Best Airport in North America" for 10 years by two separate sources: Readers of the U.S. Edition
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
