[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
Maplace.js - A Google Maps javascript plugin for jQuery.
Maplace.js helps you to embed Google Maps into your website, quickly create markers and controls menu for the locations on map. It requires jQuery and Google Maps API v3 so you need to have both in your page. Features Straightforward implementation with simple options Can run as many maps as required Markers and custom icons, zoom level and custom controls menu Supports for Directions, Polygons, C
Googleマップをイラストマップみたいにしたい。
サイト制作において、アクセスマップなどの地図の表示はどうしてますか？「Google Maps API」を利用したり、ちょっとデザインにこだわりたい時にはイラストに描き起こしたりしてるんじゃないでしょうか。 今回は、Google マップをちょいとカスタマイズすれば、まるでイラストマップみたいに見せることができるんだぜ！というお話です。 記事中に出てくる画像は2012.3現在のもののため、現在のGoogle Maps APIでの表示とは異なりますので注意です…X(。 リンク切れしていたところを、なるべく近い内容の存在するページにリンクし直しました（2015.7.20追記）。 まずはしっかり抑えておきたい「Google Maps APIの基本」から。 基本をすっ飛ばして早速カスタマイズしたい方はこちら↓。 Google Maps APIの基本 Google マップはGoogle API キーを発
美しい世界地図をJavaScriptで描ける「jQuery Vector Maps」
twitter facebook hatena google pocket 世界地図を表示したい場合、フリー素材やGoogle Mapなどあるかと思いますが、ちょっと味気ないですよね。 jQuery Vector Mapsを利用すると手間少なく、かつイマドキ風の美しい世界地図を描画可能です。 sponsors 使用方法 jQuery Vector Mapsからファイル一式をダウンロード。 下記のように地図の指定をします。 <link rel="stylesheet" type="text/css" href="jqvmap.css" /> <script type="text/javascript" src="jquery-1.7.2.min.js"></script> <script type="text/javascript" src="jquery.vmap.js"></script
ALPSLAB scroll
ALPSLAB scrollは次世代の地図スクロール実験です。 よりリッチな地図操作インタフェースをご提供します。 もう普通のフリースクロールじゃつまらない！？という方、 8種類の普通じゃない地図の移動方法を是非試してみてください。
SearchSpaces マンハッタン 3D 地図
Searchscapes Searchscapes is an attempt to create a three-dimensional map of Manhattan, using existing data from the web. The objective is to compare the city's "physical spaces" and "information spaces" (search results). This is an attempt to materialize information: to give it dimension and physicality. Featured at: Art Directors Club Annual, Gothamist, Core 77, Information Aesthetics, Biennale
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JSTバーチャル科学館｜日本再発見マップ
スゴイ地図はサービスを終了いたしました〜
Goggles :: The Google Maps flight sim
