Giter VIP home page Giter VIP logo

twgeojson's People

Contributors

audreyt avatar clkao avatar jjjenq avatar kiang avatar kurorido avatar ttcat avatar yllan avatar zbryikt avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

twgeojson's Issues

twCounty2010.topo.json使用D3.js v3.2 以上無法正確顯示問題

我是參考 http://blog.safaribooksonline.com/2014/02/11/d3-js-maps/ 這篇文章進行地圖的繪製
但是繪製出來的時候會無法正確顯示(http://ghost.cs.nccu.edu.tw/~s10033/newmap/error.html)
搜尋了 D3 的 issue 之後找到了可能的原因
根據 d3/d3#1315 的說法
D3 在跨到新版的時候進行了一些判定的重新設計,可是實在看不太懂是什麼意思
只好做了一些測試,發現如果把台東縣、宜蘭縣、台中市、連江縣、澎湖縣、新北市刪除後就會比較正常(http://ghost.cs.nccu.edu.tw/~s10033/newmap/geojson.html)
所以應該是這些縣市的點有因為 D3 的更新導致無法繪製出來
不知道能有辦法修復這個問題?

雨量 transition

canvas 更新時,可以畫好後,讓舊的 opacity 從 100 變成 0, 新的從 0 變成 100, 達到 transition 效果

分享功能

轉貼朋友建議:增加 social sharing button。

twVillage1982.topo.json 更新到 102.05.21 版本?

http://data.gov.tw/node/7440 拿到的最新版本是 102.05.21 ,踹了一下相關指令:

  • 把 shp 裡面的座標轉為 EPSG:4326
ogr2ogr -t_srs EPSG:4326 -s_srs EPSG:3826 -f "ESRI Shapefile" -lco ENCODING=UTF-8 new.shp 全國村里界圖102.05.21_修正屬性表ID_TWD97/102_05_21台澎金馬修正村里屬性資料_TWD97.shp
  • 把 shp 轉為 topojson
mapshaper -p 0.01 new.shp -f topojson --encoding utf8 -o 102_05_21.json

目前測試有幾個問題:

  • 連江縣的偏移還蠻嚴重的
  • 執行 ogr2ogr 會提示部份字元無法順利轉換
  • 看了一下產生的南投縣資料,好像少了兩塊,還不知道怎麼去把少的補上去

但基本上產出的檔案已經可以用來操作,所以就在這邊打住,看看有沒有人要接手

Broken New Taipei area in 3dmap2

In some cases, the SVG data can't fit toShapes(), like moveTo, lineTo, lineTo, moveTo, lineTo ......

The result will be segmented by modeTo, instead of full area.

One can draw New Taipei area only in 3dmap2 to show this issue.

雨量圖補充資訊

  • 沒有註明圖片片內容(日累積雨量? 24hr累積雨量?)
  • 可否描述一下內插方法?
  • 請註明資料來源

P.S. 我也不知道資料來源是從哪來的,只知道有個 Firebase 可以接就拿來玩玩看了 😆

雨量圖的觀測站點太小,不好選

Comments:

  • 我不建議直接把點點放大,那看起來會變很醜;可以試試看能不能夠讓游標變成一個放大鏡那樣(但感覺會比較難做…)
  • 其實把各點名稱 List 在旁邊 滑鼠移到那個點的名稱上的時候讓地圖上的點變成醒目顏色 這樣的 UI 應該會比較簡單容易

顯示不同 timeframe 雨量

for example: 底圖為今日累積,疊上十分鐘雨量(顏色變化 scale 不同),然後用閃爍的方式 (控制 opacity)凸顯最近十分鐘降雨區

縣市界有洞的問題

我突然發現。使用ShapeViewer看 TWN_COUNTY.shp 並沒有 D3+Leaflet 那個縣市界有洞的問題耶。

會不會那個洞其實是 Simplify 之後的失真,不是資料面的Bug?

image

全面「空污.襲來」化

轉貼朋友建議:換上 EVA 字型(推薦大字可以用超明體,像是王漢宗超明體),也把 PSI/etc. 按鈕做成福音戰士風格。

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.