Lat-Lng Marker Map

위도와 경도 값이 포함된 필드를 수치로 전달한 경우 해당 위치의 지도 상 좌표를 계산하여 표시한다.

      
import markerMap from 'daisy-chart/src/layouts/marker-map';

var latLngPoints = []
for (var i = 0; i < 20; i++ ) {
  latLngPoints.push({lat: 36.5 + (Math.random()-0.5) * 0.5, lng: 128 + (Math.random()-0.5) * 0.5, key : (i+1), value : Math.random()*100});
}

markerMap().data(latLngPoints)
  .container('#daisy-example')
  .addr(false)
  .dimensions(['key'])
  .measures(['lat', 'lng', 'value'])
  .render();