728x90 반응형 '따릉이' 사용 이력의 가시화 Project - 04. 대여소 위치 표시하기 이제 대여서 위치를 표시 해 보도록 하겠습니다. 이것은 기존에 참고했던 맛집 위치 표시 코드를 그대로 사용하면 됩니다. 그런데, 코드 분석을 너무 안해서 D3를 써서 어떻게 그리고 있는지 거의 모르고 있네요. 그리는 부분만 좀 확인 해 보도록 하겠습니다. 우선 색상은 class별로 색상을 지정하는 style을 써서 적용했기 때문에, javascript code에는 나타나지 않습니다. style을 회색에서 녹색으로 수정해 보겠습니다. 요렇게 지정한 색상이 적용 됩니다. 나중에 구별로 다른 색상을 표시하려면 fill 속성값을 로직으로 직접 계산해서 출력해야겠네요. 출력 된 HTML 코드를 보면, 색상과 관련 된 속성은 없는 것을 볼 수 있습니다. class id를 보면 style이 적용 된 속성인 것을 알 .. 2021. 2. 7. '따릉이' 사용 이력의 가시화 Project - 02. D3.js로 서울 지도 그리기 검색을 해 보니 많은 분들이 정리 해 둔 자료가 많습니다. (나만 열심히 하면 되는???) 쫓기듯 조급하게 생각하지 말고, 즐기는 마음으로 천천히 해 보겠습니다. 1. 서울 지도 그리기 샘플 검색을 해서 서울 지도를 그리는 포스트를 하나 찾아봤습니다. 이 포스트 내용만 해도 아주 많은 내용을 담고 있고, 공부 할 것이 많아요. 다 알고 구현하려면 말이죠~ 그런데, 그렇게 하면 지치고 재미가 없어질 수 있으니까, 필요한 것만 가져다 쓰는 방식으로 한번 활용 해 보겠습니다. 올려두신 자료 잘 한번 써보겠습니다. (참고 사이트도 잘 정리 해 두셨어요.) http://blog.daum.net/l357next/9 d3.js로 만든 서울지도, 전국지도 d3.js로 만든 서울지도, 전국지도 마우스휠로 확대, 축소 가.. 2020. 8. 23. 이전 1 다음 728x90 반응형
