【D3.js】同じ面積の四角形で地図を描くプラグイン「Squaire.js」
最近アメリカのニュースサイトなどで見かけることが多くなった等面積の四角形で行政区等を表示する地図ですが、それらを簡単に作成するためのD3.jsプラグインが「Squaire.js」です。 Squaire.js プラグインを公開しているのはウォール・ストリート・ジャーナルです。 面積に惑わされずにコロプレス図を作成したいときに便利です。 サンプル bl.ocks.orgにSquaire.jsのカスタム機能を使って作った日本地図のサンプルを載せてあります。 日本地図だとどうしても、左上と右下の余白が大きくなって収まり悪いですね。 example 各都道府県の配置は「デザイン日本地図-フリー画像」を参考にさせていただきました。
[JS]画像を用意しなくていいから簡単！クリッカブルに対応した日本の都道府県の地図を表示するスクリプト -Japan Map
デモページ 2 Japan Mapの使い方 Step 1: 外部ファイル jquery.jsと当スクリプトを外部ファイルとして記述します。 <head> ... <script src="https://code.jquery.com/jquery-2.1.1.js"></script> <script src="jquery.japan-map.min.js"></script> </head> Step 2: HTML 日本地図を配置するdivをセットします。 <body> ... <div id="map-container"></div> ... </body> Step 3: JavaScript jQueryのセレクタで配置する場所を指定し、スクリプトを実行します。 <script> $(function(){ $("#map-container").japanMap({ on
画像、地図、動画等何でも埋め込めるクールでフラットでレスポンシブなLightBox「VenoBox」:phpspot開発日誌
VenoBox - responsive jQuery modal window plugin 画像、地図、動画等何でも埋め込めるクールでフラットでレスポンシブなLightBox「VenoBox」 何でも埋め込める系はこれまでも何個か紹介しましたが、フラットデザインでレスポンシブという流行りも取り入れたLightBoxです。 LightBoxのデザインはシンプルですが、アニメーションがいい感じで動いてくれるフラット仕様。 関連エントリ フラットデザインが美しいレスポンシブなLightbox「Nivo Lightbox」 動画/地図/画像のポップアップが可能でレスポンシブなLightBox実装jQueryプラグイン「MagnificPopup」 スワイプできるLightBox実装jQueryプラグイン「Swipebox」
日本をはじめ世界各国の地図の無料のベクター素材 -Free Vector Maps
日本をはじめ、ヨーロッパ、アメリカ、アフリカ、アジア、オセアニア、中東など、世界各国の地図のベクター素材を紹介します。 ウェブはもちろんのこと、アプリケーション、マルチメディア、動画、ゲーム、カタログ、ポストカードなどに、個人でも商用でもクライアントのプロジェクトでも無料で利用できます。 Free Vector Maps ダウンロードできる地図のフォーマットは下記のものが揃っています。 .ai .eps .pdf .jpg .png .jpgと.pngは日本の地図だとサイズ、3,000x2,250pxで高解像度でした。 Free Vector Mapsでは、世界のさまざまな国のベクター素材がダウンロードできます。
海賊船がでてくるような古いアンティークの地図の素材 | コリス
diegomatteiのエントリーから、海賊船がでてくるような古いアンティークの地図の素材を紹介します。
色分けされたものやドットで作成された世界地図のベクター素材集 | コリス
Web Resources Depotのエントリーから、国別に色分けされたものやドットで作成された世界地図のベクター素材を紹介します。 Free Vector World Maps Collection
3Dグラフィックデザインのまとめエントリ
Mobile Website Design – 5 Considerations for an Amazing User Experience
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
新着記事
https://www.ajaxrain.com/script?sId=5764
indeza.jp
Free Vector World Maps Collection
Browsing Photoshop Custom Shapes
地球儀や世界地図のベクター素材 | コリス