シンプルでインタラクティブな地図を実装できるjQueryプラグイン「jVectorMap」:phpspot開発日誌
jVectorMap シンプルでインタラクティブな地図を実装できるjQueryプラグイン「jVectorMap」。 シンプルデザインながら拡大してもクオリティが保たれていて高速レスポンスの地図が実装できます。国ごとのカラーリング等も可能なので、アクセス解析とかそういった部分で使えるのかも。 地図クリックで各種コールバック関数が使えるため、フォーム内で国の選択といった入力補助プラグインとしても機能しそうです。 今後の国際化の流れにおいて便利に活用できる局面があるかもしれません。 マウスオーバーで変色。インタラクティブに動作。クリックしたコールバック設定もOK 国ごとのカラーリングを示した例です。 アメリカだけを対象に描画も可能 ヨーロッパだけもOK 拡大しても新たにデータを読み込むわけでもなく高速なレスポンスが期待できます。 作った方お疲れ様でした＆すごい！ 関連エントリ ドラッグできる地図
tsukamoto codes - jsdo.it - Share JavaScript, HTML5 and CSS
tsukamoto @ jsdo.it - share JavaScript, HTML5 and CSS - jsdo.itはブラウザでJavaScript,HTML5,CSSを書いて共有するサイト。他のコードをコピーして編集できます。JavaScript,HTML5,CSSに関する質問&回答もありますよ
ドラッグできる地図実装ライブラリのまとめ:phpspot開発日誌
ドラッグできる地図実装ライブラリのまとめ。 この手のライブラリは色々とあるのですが過去に紹介したものと新発見の物をまとめてご紹介。 Google MapのAPIを利用したものも入れます mobily.pl - playground - MobilyMap 拡大機能はありませんが、ドラッグ＆ドロップで移動させたりピンを立てる機能があります Googleマップ風のUIを実現できるJSライブラリ「Polymaps」 マウスホイールによる拡大・縮小機能があってサンプルも豊富なライブラリ ドラッグ＆ドロップできる地図を実装できる3KBの軽量JSライブラリ「SpryMap」 独立して動作し、軽量なのが特徴 高解像度の画像のURLを入れるだけでGoogleマップみたいに拡大機能を付けられる「Zoom.it」 ライブラリではなく、画像URLを張り付けるだけでOKなサイト GoogleMap風でクールな地図
GoogleマップAPI ver3でGoogleマップを独自にスタイルすることが出来るらしい:phpspot開発日誌
41Latitude - Styled Maps Using Google Maps API Version 3 GoogleマップAPI ver3でGoogleマップを独自にスタイルすることが出来るらしい。 やってみた例が沢山のっています。これでますますマッシュアップが楽しくなるかもしれません。 道路を強調 プレーンな地図 テキストラベルなし 立体表示 都市をドット表示 暗めのマップ 緑とか他の色にもできる 道路なんかもカラーリング 自由度が高くなってますね。競合他社も真似していくのはかなり大変そうです（＾＾；） 関連エントリ Googleマップを使った経路案内も一瞬で実装できるjQueryプラグイン「jGmaps」 Googleマップ風のUIを実現できるJSライブラリ「Polymaps」 高解像度の画像のURLを入れるだけでGoogleマップみたいに拡大機能を付けられる「Zoom.it
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コード例
25 Free Creative World Map Templates for Designers
World maps play a crucial role in various design projects, helping to convey global perspectives and data visually. They serve as a foundational element for designers looking to highlight international or geographical aspects in their work. This collection includes a wide range of free world map templates available across different platforms and design software. They come in various file formats,
jsmap - JavaScriptによる都道府県入力補助
Q - なぜ、全国地図にしないのですか? 4つほど理由があります。 ポップアップが場所をとりすぎるから 現在、地図部分は185x120pxにおさめていますが、標準的なモニタ解像度ではこの辺が限界です。 キーボード操作時の押下回数を減らすため jsmapがフォーカスするのはSugarCRMなどのWEBアプリです。使い切りのWEBフォームと違い、慣れによるスピードアップが望めるUIである必要があります。 多言語対応のため 日本は47都道府県なので、かろうじて可能だと思う方もいるかもしれませんが、これがイギリス(現在製作中)とかでは100を超えます。 認知的限界のため これも重要。ぱっと見て探せる数というのは、15や20がせいぜいです。 ただ、上記の話とは別に、地方選択用の全国図はあってもいいと考えていますので、それは将来のバージョンで。 Q - 地図はもっと詳細化/単純化しないのですか? 詳細
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Europe – CSSMap plugin
Japan Quake Map
商用サイトでもフリーで利用できる、シンプルな世界地図のベクター素材