GeoJSONをGistに貼る

LT駆動開発12の発表資料です。
https://github.com/LTDD/Sessions/wiki/LT%E9%A7%86%E5%8B%95%E9%96%8B%E7%99%BA12

解説とか
http://blog.eiel.info/blog/2015/03/07/geojson-in-gist/

Transcript

1. GeoJSON Λ Gist ʹషΔ 2015-03-07 LTۦಈ։ൃ12
2. ͻΉΒ ͱ΋ͻ͜ D3.js͞Θͬͯͳ͍ɻ υΩϡϝϯτ͸ͪΐͬͱಡΜͩɻ
3. 2݄ͷπΠʔτ https://twitter.com/eielh/status/561692468681269248
4. 2݄ͷπΠʔτ https://twitter.com/eielh/status/561692468681269248 ݄͸ෆ࡞
5. GeoJSON
6. geometry geography
7. { "type": "Point", "coordinates": [132.458730,34.393917] }
10. {"type":"FeatureCollection","features":[{"type":"Feature","geometry":{"type":"Point","coordinates":[132.45956388888888,34.39429444444445]},"properties":{"name":"KENSEI BLD PARKING","id":2,"distance_human":"79.6 m","distance": 79.636865436,"photos":["https://commondatastorage.googleapis.com/parkmap-image/uploads/post_photo/photo/1/IMG_5085.jpg"],"mini_photos":["https://commondatastorage.googleapis.com/parkmap-image/uploads/post_photo/photo/1/ mini_IMG_5085.jpg"],"thumb_photos":["https://commondatastorage.googleapis.com/parkmap-image/uploads/post_photo/photo/1/thumb_IMG_5085.jpg"]}},{"type":"Feature","geometry":{"type":"Point","coordinates": [132.456375,34.39348611111111]},"properties":{"name":"ACTIVE PARK ࢴ԰ொୈ̍","id":3,"distance_human":"228 m","distance":227.632503632,"photos":["https://commondatastorage.googleapis.com/parkmap-image/uploads/post_photo/photo/4/ IMG_1321.JPG"],"mini_photos":["https://commondatastorage.googleapis.com/parkmap-image/uploads/post_photo/photo/4/mini_IMG_1321.JPG"],"thumb_photos":["https://commondatastorage.googleapis.com/parkmap-image/uploads/post_photo/photo/ 4/thumb_IMG_1321.JPG"]}},{"type":"Feature","geometry":{"type":"Point","coordinates":[132.46048055555556,34.39618611111111]},"properties":{"name":"޿ౡݝி ୈೋறं৔","id":13,"distance_human":"288 m","distance":288.074674824,"photos": ["https://commondatastorage.googleapis.com/parkmap-image/uploads/post_photo/photo/15/IMG_1340.JPG"],"mini_photos":["https://commondatastorage.googleapis.com/parkmap-image/uploads/post_photo/photo/15/ mini_IMG_1340.JPG"],"thumb_photos":["https://commondatastorage.googleapis.com/parkmap-image/uploads/post_photo/photo/15/thumb_IMG_1340.JPG"]}},{"type":"Feature","geometry":{"type":"Point","coordinates": [132.46089166666667,34.39459166666666]},"properties":{"name":"ࡾҪͷϦύʔΫ ޿ౡجொ","id":16,"distance_human":"206 m","distance":205.620102549,"photos":["https://commondatastorage.googleapis.com/parkmap-image/uploads/post_photo/ photo/24/IMG_5096.jpg"],"mini_photos":["https://commondatastorage.googleapis.com/parkmap-image/uploads/post_photo/photo/24/mini_IMG_5096.jpg"],"thumb_photos":["https://commondatastorage.googleapis.com/parkmap-image/uploads/ post_photo/photo/24/thumb_IMG_5096.jpg"]}},{"type":"Feature","geometry":{"type":"Point","coordinates":[132.45579444444445,34.39363055555556]},"properties":{"name":"ඛ࿨ύʔΫ ࢴ԰ொୈ2","id":18,"distance_human":"277 m","distance": 276.675333147,"photos":["https://commondatastorage.googleapis.com/parkmap-image/uploads/post_photo/photo/22/IMG_5094.jpg"],"mini_photos":["https://commondatastorage.googleapis.com/parkmap-image/uploads/post_photo/photo/22/ mini_IMG_5094.jpg"],"thumb_photos":["https://commondatastorage.googleapis.com/parkmap-image/uploads/post_photo/photo/22/thumb_IMG_5094.jpg"]}},{"type":"Feature","geometry":{"type":"Point","coordinates": [132.46045,34.39348611111111]},"properties":{"name":"ύʔΫ Shiromoto ཱொ","id":19,"distance_human":"165 m","distance":165.300888862,"photos":["https://commondatastorage.googleapis.com/parkmap-image/uploads/post_photo/photo/21/ IMG_5093.jpg"],"mini_photos":["https://commondatastorage.googleapis.com/parkmap-image/uploads/post_photo/photo/21/mini_IMG_5093.jpg"],"thumb_photos":["https://commondatastorage.googleapis.com/parkmap-image/uploads/post_photo/photo/ 21/thumb_IMG_5093.jpg"]}},{"type":"Feature","geometry":{"type":"Point","coordinates":[132.46005277777778,34.39346944444445]},"properties":{"name":"ࡾҪͷϦύʔΫ ޿ౡཱொ","id":20,"distance_human":"133 m","distance":132.5802411,"photos": ["https://commondatastorage.googleapis.com/parkmap-image/uploads/post_photo/photo/20/IMG_5092.jpg"],"mini_photos":["https://commondatastorage.googleapis.com/parkmap-image/uploads/post_photo/photo/20/ mini_IMG_5092.jpg"],"thumb_photos":["https://commondatastorage.googleapis.com/parkmap-image/uploads/post_photo/photo/20/thumb_IMG_5092.jpg"]}},{"type":"Feature","geometry":{"type":"Point","coordinates": [132.46083055555556,34.39321944444444]},"properties":{"name":"άϥϯυύʔΩϯά21 ཱொ","id":21,"distance_human":"209 m","distance":209.04297858,"photos":["https://commondatastorage.googleapis.com/parkmap-image/uploads/post_photo/ photo/19/IMG_5091.jpg"],"mini_photos":["https://commondatastorage.googleapis.com/parkmap-image/uploads/post_photo/photo/19/mini_IMG_5091.jpg"],"thumb_photos":["https://commondatastorage.googleapis.com/parkmap-image/uploads/ post_photo/photo/19/thumb_IMG_5091.jpg"]}},{"type":"Feature","geometry":{"type":"Point","coordinates":[132.46110555555555,34.39311111111111]},"properties":{"name":"தͷ୨ύʔΫ","id":22,"distance_human":"237 m","distance": 237.040169902,"photos":["https://commondatastorage.googleapis.com/parkmap-image/uploads/post_photo/photo/18/IMG_5090.jpg"],"mini_photos":["https://commondatastorage.googleapis.com/parkmap-image/uploads/post_photo/photo/18/ mini_IMG_5090.jpg"],"thumb_photos":["https://commondatastorage.googleapis.com/parkmap-image/uploads/post_photo/photo/18/thumb_IMG_5090.jpg"]}},{"type":"Feature","geometry":{"type":"Point","coordinates": [132.46032777777776,34.393852777777774]},"properties":{"name":"ૣҴాΨϨʔδཱொୈ1","id":42,"distance_human":"145 m","distance":144.51941643,"photos":["https://commondatastorage.googleapis.com/parkmap-image/uploads/post_photo/ photo/79/IMG_1380.JPG"],"mini_photos":["https://commondatastorage.googleapis.com/parkmap-image/uploads/post_photo/photo/79/mini_IMG_1380.JPG"],"thumb_photos":["https://commondatastorage.googleapis.com/parkmap-image/uploads/ post_photo/photo/79/thumb_IMG_1380.JPG"]}},{"type":"Feature","geometry":{"type":"Point","coordinates":[132.4571388888889,34.392297222222226]},"properties":{"name":"໌ࣔ҆ాੜ໋޿ౡϏϧறं৔","id":56,"distance_human":"242 m","distance": 242.088955335,"photos":["https://commondatastorage.googleapis.com/parkmap-image/uploads/post_photo/photo/60/IMG_1358.JPG"],"mini_photos":["https://commondatastorage.googleapis.com/parkmap-image/uploads/post_photo/photo/60/ mini_IMG_1358.JPG"],"thumb_photos":["https://commondatastorage.googleapis.com/parkmap-image/uploads/post_photo/photo/60/thumb_IMG_1358.JPG"]}},{"type":"Feature","geometry":{"type":"Point","coordinates": [132.4581138888889,34.392380555555555]},"properties":{"name":"ାொύʔΩϯά","id":57,"distance_human":"191 m","distance":190.666742597,"photos":["https://commondatastorage.googleapis.com/parkmap-image/uploads/post_photo/photo/57/ IMG_1355.JPG"],"mini_photos":["https://commondatastorage.googleapis.com/parkmap-image/uploads/post_photo/photo/57/mini_IMG_1355.JPG"],"thumb_photos":["https://commondatastorage.googleapis.com/parkmap-image/uploads/post_photo/ photo/57/thumb_IMG_1355.JPG"]}},{"type":"Feature","geometry":{"type":"Point","coordinates":[132.45904444444443,34.392672222222224]},"properties":{"name":"ASAHI PARK ຊ௨Γୈ2","id":58,"distance_human":"151 m","distance": 150.739892862,"photos":["https://commondatastorage.googleapis.com/parkmap-image/uploads/post_photo/photo/56/IMG_1354.JPG"],"mini_photos":["https://commondatastorage.googleapis.com/parkmap-image/uploads/post_photo/photo/56/ mini_IMG_1354.JPG"],"thumb_photos":["https://commondatastorage.googleapis.com/parkmap-image/uploads/post_photo/photo/56/thumb_IMG_1354.JPG"]}},{"type":"Feature","geometry":{"type":"Point","coordinates": [132.45930555555555,34.39256666666667]},"properties":{"name":"޿ౡାொୈ4","id":59,"distance_human":"168 m","distance":167.740535321,"photos":["https://commondatastorage.googleapis.com/parkmap-image/uploads/post_photo/photo/55/ IMG_1353.JPG"],"mini_photos":["https://commondatastorage.googleapis.com/parkmap-image/uploads/post_photo/photo/55/mini_IMG_1353.JPG"],"thumb_photos":["https://commondatastorage.googleapis.com/parkmap-image/uploads/post_photo/ photo/55/thumb_IMG_1353.JPG"]}},{"type":"Feature","geometry":{"type":"Point","coordinates":[132.4597777777778,34.392383333333335]},"properties":{"name":"Έͳͱ΍ຊ௨ΓύʔΫ","id":60,"distance_human":"203 m","distance": 203.100191265,"photos":["https://commondatastorage.googleapis.com/parkmap-image/uploads/post_photo/photo/54/IMG_1352.JPG"],"mini_photos":["https://commondatastorage.googleapis.com/parkmap-image/uploads/post_photo/photo/54/ mini_IMG_1352.JPG"],"thumb_photos":["https://commondatastorage.googleapis.com/parkmap-image/uploads/post_photo/photo/54/thumb_IMG_1352.JPG"]}},{"type":"Feature","geometry":{"type":"Point","coordinates": [132.46150277777778,34.394552777777776]},"properties":{"name":"ΧʔύʔΩϯά ཱொ","id":61,"distance_human":"259 m","distance":258.553867578,"photos":["https://commondatastorage.googleapis.com/parkmap-image/uploads/post_photo/photo/ 52/IMG_1351.JPG"],"mini_photos":["https://commondatastorage.googleapis.com/parkmap-image/uploads/post_photo/photo/52/mini_IMG_1351.JPG"],"thumb_photos":["https://commondatastorage.googleapis.com/parkmap-image/uploads/post_photo/ photo/52/thumb_IMG_1351.JPG"]}},{"type":"Feature","geometry":{"type":"Point","coordinates":[132.45931944444445,34.39223888888889]},"properties":{"name":"ାொiύʔΫ","id":62,"distance_human":"203 m","distance":203.084053568,"photos": ["https://commondatastorage.googleapis.com/parkmap-image/uploads/post_photo/photo/50/IMG_1348.JPG"],"mini_photos":["https://commondatastorage.googleapis.com/parkmap-image/uploads/post_photo/photo/50/ mini_IMG_1348.JPG"],"thumb_photos":["https://commondatastorage.googleapis.com/parkmap-image/uploads/post_photo/photo/50/thumb_IMG_1348.JPG"]}},{"type":"Feature","geometry":{"type":"Point","coordinates": [132.4588472222222,34.392180555555555]},"properties":{"name":"޿ౡାொୈ5","id":63,"distance_human":"203 m","distance":203.250501781,"photos":["https://commondatastorage.googleapis.com/parkmap-image/uploads/post_photo/photo/48/ IMG_1345.JPG"],"mini_photos":["https://commondatastorage.googleapis.com/parkmap-image/uploads/post_photo/photo/48/mini_IMG_1345.JPG"],"thumb_photos":["https://commondatastorage.googleapis.com/parkmap-image/uploads/post_photo/ photo/48/thumb_IMG_1345.JPG"]}},{"type":"Feature","geometry":{"type":"Point","coordinates":[132.45922777777778,34.39216944444444]},"properties":{"name":"޿ౡାொୈ6","id":64,"distance_human":"209 m","distance":208.682074783,"photos": ["https://commondatastorage.googleapis.com/parkmap-image/uploads/post_photo/photo/47/IMG_1347.JPG"],"mini_photos":["https://commondatastorage.googleapis.com/parkmap-image/uploads/post_photo/photo/47/ mini_IMG_1347.JPG"],"thumb_photos":["https://commondatastorage.googleapis.com/parkmap-image/uploads/post_photo/photo/47/thumb_IMG_1347.JPG"]}},{"type":"Feature","geometry":{"type":"Point","coordinates": [132.45889166666666,34.39221944444444]},"properties":{"name":"ύʔΩϯά ຊ௨","id":65,"distance_human":"199 m","distance":199.131174398,"photos":["https://commondatastorage.googleapis.com/parkmap-image/uploads/post_photo/photo/46/ IMG_1346.JPG"],"mini_photos":["https://commondatastorage.googleapis.com/parkmap-image/uploads/post_photo/photo/46/mini_IMG_1346.JPG"],"thumb_photos":["https://commondatastorage.googleapis.com/parkmap-image/uploads/post_photo/ photo/46/thumb_IMG_1346.JPG"]}},{"type":"Feature","geometry":{"type":"Point","coordinates":[132.45828333333333,34.39273333333333]},"properties":{"name":"೔ߴΨϨʔδ","id":66,"distance_human":"149 m","distance":148.636259924,"photos": ["https://commondatastorage.googleapis.com/parkmap-image/uploads/post_photo/photo/45/IMG_1343.JPG"],"mini_photos":["https://commondatastorage.googleapis.com/parkmap-image/uploads/post_photo/photo/45/ mini_IMG_1343.JPG"],"thumb_photos":["https://commondatastorage.googleapis.com/parkmap-image/uploads/post_photo/photo/45/thumb_IMG_1343.JPG"]}},{"type":"Feature","geometry":{"type":"Point","coordinates": [132.45971666666665,34.39361944444445]},"properties":{"name":"ࡾҪͷϦύʔΫ ޿ౡཱொ ୈ5","id":99,"distance_human":"97.5 m","distance":97.490862241,"photos":["https://commondatastorage.googleapis.com/parkmap-image/uploads/post_photo/ photo/111/IMG_5168.jpg"],"mini_photos":["https://commondatastorage.googleapis.com/parkmap-image/uploads/post_photo/photo/111/mini_IMG_5168.jpg"],"thumb_photos":["https://commondatastorage.googleapis.com/parkmap-image/uploads/ post_photo/photo/111/thumb_IMG_5168.jpg"]}},{"type":"Feature","geometry":{"type":"Point","coordinates":[132.46101388888889,34.394130555555556]},"properties":{"name":"தᖒύʔΩϯά","id":110,"distance_human":"207 m","distance": 206.953908181,"photos":["https://commondatastorage.googleapis.com/parkmap-image/uploads/post_photo/photo/133/IMG_5191.jpg"],"mini_photos":["https://commondatastorage.googleapis.com/parkmap-image/uploads/post_photo/photo/133/ mini_IMG_5191.jpg"],"thumb_photos":["https://commondatastorage.googleapis.com/parkmap-image/uploads/post_photo/photo/133/thumb_IMG_5191.jpg"]}}]}
11. POST http://parkmap.eiel.info/.json
12. ͬ͘͟ΓGeoJSON
13. GeoJSON • JSONߏ଄ͷϧʔϧ • GeoJSON Object • δΦϝτϦ • ϑΟʔνϟ (δΦϝτϦΛ࣋ͭ) • ϑΟʔνϟʔίϨΫγϣϯ (ෳ਺ͷϑΟʔνϟ)
14. 0CKFDU (FPNFUSZ 'FBUVSF 'FBUVSF$PMMFDUJPO (FNFUSZ$PMMFDUJPO 1PJOU 1PMZHPO -JOF4USJOH .VMUJ1PMZHPO .VMUJ-JOF4USJOH .VMUJ1PJOU GeoJSON Object 
15. LineString { "type": "LineString", "coordinates": [ [1.0, 0.0], [2.0, 1.0], [3.0, 0.0], [4.0, 1.0] ] }
17. Polygon { "type": "Polygon", "coordinates": [ [ [100.0, 0.0], [101.0, 0.0], [101.0, 1.0], [100.0, 1.0], [100.0, 0.0] ], [ [100.2, 0.2], [100.8, 0.2], [100.8, 0.8], [100.2, 0.8], [100.2, 0.2] ] ] }
19. Feature { "type": "Feature", "properties": { "name": "ShakeHands", "marker-color": "#66cc66", "marker-symbol": "Music" },"geometry": { "type": "Point", "coordinates": [132.458730,34.393917] }
20. Feature { "type": "Feature", "properties": { "name": "ShakeHands", "marker-color": "#66cc66", "marker-symbol": "Music" },"geometry": { "type": "Point", "coordinates": [132.458730,34.393917] } QSPQFSUJFT͸ࣗ༝ʹ஋Λ
22. ͦͷଞ Google map APIͱ͔Ͱ΋࢖͑Δ D3.js Ͱ͸ topoJSON Ͱ࢖ΘΕΔ topoJSON͸GeoJSONͷ֦ு
23. ·ͱΊ GeoJSON GitHub΍GistͰϨϯμϦϯάͰ͖Δ ͦΕͳΓʹ͍ΖΜͳͱ͜ΖͰ࢖͑Δ