ドラッグできる地図実装ライブラリのまとめ:phpspot開発日誌
ドラッグできる地図実装ライブラリのまとめ。 この手のライブラリは色々とあるのですが過去に紹介したものと新発見の物をまとめてご紹介。 Google MapのAPIを利用したものも入れます mobily.pl - playground - MobilyMap 拡大機能はありませんが、ドラッグ＆ドロップで移動させたりピンを立てる機能があります Googleマップ風のUIを実現できるJSライブラリ「Polymaps」 マウスホイールによる拡大・縮小機能があってサンプルも豊富なライブラリ ドラッグ＆ドロップできる地図を実装できる3KBの軽量JSライブラリ「SpryMap」 独立して動作し、軽量なのが特徴 高解像度の画像のURLを入れるだけでGoogleマップみたいに拡大機能を付けられる「Zoom.it」 ライブラリではなく、画像URLを張り付けるだけでOKなサイト GoogleMap風でクールな地図
[JS]Googleマップにさまざまなオプションを追加して簡単に設置できるスクリプト -GMAP3
Google Mapsにオリジナルのマークやポリゴン、任意の画像などを簡単に加えて設置できるjQueryのプラグインを紹介します。 GMAP3 -jQuery plugin to manage Google Map API デモ [ad#ad-2] GMAP3はGoogle Map APIを使用するため、使用するページに外部ファイルとして記述します。 <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> Googleマップの設置は簡単で、空のdiv要素にidを指定して配置します。 下記に簡単な例を紹介します。 HTML <div id="test1"></div> JavaScript $.gmap3.setDefault({ init:{ center:
mbImageNavigator - jQuery設置メモ
画像の一部を拡大表示してくれるjQueryです。ダブルクリックで、枠に合わせて縮小表示もしてくれます。画像ナビもあり、とても使いやすいです。 使うときはその性質上、画像のサイズが大きくなると思います。ナビを頻繁に切り替えるとフリーズの恐れがあるので、使うときは気をつける必要があると思います。 ■準備するファイル■ ・Matteo Bicocchi's Blogさんより、jquery.mbImgNavigator.2.0.zipをダウンロードし、解凍します。 現在のバージョンは2.0となっており、以前のバグ（画像をスライドさせすぎると、画像がもどってこなくなる。）が解決されています。しかし、使うファイルの数が、４つから５つとなっており、「うほっｗ」といった感じです。自分は１ページにつき多くて３つまでしかjsファイルを読み込んだことがないので、こんなにjsファイルを読み込むことにビビりまし
現地案内の説明ページ等で重宝しそうなインタラクティブなマップ作成用jQueryプラグイン:phpspot開発日誌
現地案内の説明ページ等で重宝しそうなインタラクティブなマップ作成用jQueryプラグインが公開されています。 地図にインタラクティブに動く情報を記述して表示させたいようなケースに便利です。 実際に現地説明図などをページに載せているサイトがありますが、地図にインタラクティブに情報を表示すると利用者が非常に便利に見れますね。 例えば、次のような地図があります。 黄色のポイントをクリックすればヒントが表示されます。 更に下のほうで、薄く白身がかかった部分をクリックすると地図を拡大することが出来ます。 上記のデモページはこちら 他にもサンプルがあります。 上記デモページはこちら jQueryの機能を使ったアニメーション機能なんかも実装できます。 サイト制作請負をされている方は覚えておいて損はなさそうですね。 以下のエントリを参照してください。 A jQuery Plugin for Zoomabl
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
これは面白！PHPとjQueryでクリックした位置が分かるクリックマップ作成:phpspot開発日誌
