日本地図の検索結果1 - 4 件 / 4件

• あとで読む

  れきちず

  • 1883 users
  • rekichizu.jp
  • 学び
  • 2023/08/27

  過去から現代、未来までを現代風デザインのマップで。

  • 歴史
  • 地図
  • あとで読む
  • map
  • webサービス
  • 地理
  • history
  • デザイン
  • これはすごい
  • 資料
• あとで読む

  japan-map-js - 日本のクリッカブルな地図を表示

  • 8 users
  • www.moongift.jp
  • 学び
  • 2020/05/31

  MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 集まったデータをただ一覧にしているだけではインパクトは薄くなってしまいます。どう可視化するかが問題です。時系列で比較する場合は棒グラフや折れ線グラフ、グループの場合は円グラフなど、データによって選ばれるグラフは異なります。 もしデータが地域に合わせて作られるなら、地図上にマッピングするのがいいでしょう。日本地図にマッピングするなら使えるのがjapan-map-jsです。 japan-map-jsの使い方 デモです。都道府県名を出しているパターンです。 クリックすると、どの都道府県か分かります。 色分けもできます。 コロナウィルスのデータと合わせているパターンです。 japan-map-jsを使えば日本地図上にデータを可視化するのが簡単に実現できます。元々japan-mapで使われて

  • javascript
  • map
  • 地図
  • データ

  
• あとで読む

  GitHub - HemingwayLee/japan-map-js: Clickable map of prefectures (or area) of Japan.

  • 4 users
  • github.com/HemingwayLee
  • テクノロジー
  • 2020/04/23

  You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

  • javascript
  • map
  • 地図

  
• あとで読む

  GitHub - geolonia/japanese-prefectures: SVG map of Japan

  • 3 users
  • github.com/geolonia
  • テクノロジー
  • 2020/05/18

  const map = "./map-full.svg" // Or "./map-mobile.svg" const container = document.querySelector( '#map' ) const res = await fetch( map ) if ( res.ok ) { const svg = await res.text() container.innerHTML = svg const prefs = document.querySelectorAll( '.geolonia-svg-map .prefecture' ) prefs.forEach( ( pref ) => { // マウスオーバーで色を変える pref.addEventListener( 'mouseover', ( event ) => { event.currentTarget.s

  • map
  • 地図