Google Maps + D3 썸네일형 리스트형 Google Maps + D3.js Google Map위에 D3.js를 이용하여 마커 혹은 차트를 랜더링 하는 방법을 알아보자. 우선 Google Map 객체를 생성해보자.Google Map 객체는 MapOption 줌레벨, 지도유형 등을 세팅 가능하다.자세한 사항은 여기를 참고하기 바란다. var map = new google.maps.Map(d3.select("#map").node(), { zoom: 12, center: new google.maps.LatLng(37.556059, 126.91009), mapTypeId: google.maps.MapTypeId.ROADMAP }); 여기서는 줌레벨과 초기 지도 센터 위도/경도 정보, 그리고 지도유형을 설정하였다. 이제 지도위에 마커정보(위도/경도)와 오버레이 객체를 생성한다.지도위에 마.. 더보기 이전 1 다음
