구글맵
구글 맵 Google Maps (4) - 실시간 데이터를 활용한 지도 그리기 (히트맵 Heatmap 의 적용)
구글 맵 Google Maps (4) - 실시간 데이터를 활용한 지도 그리기 (히트맵 Heatmap 의 적용)
2015. 1. 23.Heatmap은 각 진원지에 아이콘을 표시하기보다 색상과 도형을 사용하여 데이터의 분포를 나타내는 것으로 아래에서 빨간색은 지진 활동이 활발한 지역을 나타낸다. Heatmap을 표시하기 위해 HeatmapLayer 클래스를 포함하는 visualization 라이브러리를 사용합니다. 라이브러리를 사용하는 경우, Maps API 자바스크립트가 호출되면 라이브러리를 로드해야 합니다. function initialize() { var mapOptions = { zoom: 2, center: new google.maps.LatLng(2.8,-187.3), mapTypeId: google.maps.MapTypeId.TERRAIN }; map = new google.maps.Map(document.getElement..
구글 맵 Google Maps (3) - 실시간 데이터를 활용한 지도 그리기 (지진 강도에 따라 커지는 원)
구글 맵 Google Maps (3) - 실시간 데이터를 활용한 지도 그리기 (지진 강도에 따라 커지는 원)
2015. 1. 22.앞에서 다룬 소스를 일부 수정하여 기본 아이콘 이외의 방법으로 실시간 진원지 정보를 표현해보자. 지진의 진도에 따라 커지는 원을 표현해보자.이는 아래 소스에서 보듯이 icon: getCircle(earthquake.properties.mag) 을 이용하여 표현할 수 있다.
구글 맵 Google Maps (2) - 실시간 데이터를 활용한 지도 그리기
구글 맵 Google Maps (2) - 실시간 데이터를 활용한 지도 그리기
2015. 1. 22.이제 실시간으로 데이터를 전송받아 지도에 마킹하는 방법을 알아보자.아래는 USGS(미지질조사국)의 실시간 지진데이터를 받아 각각의 진원지에 기본 아이콘을 표시해주는 소스다.
구글 맵 Google Maps (1) - 기본 맵 그리기
구글 맵 Google Maps (1) - 기본 맵 그리기
2015. 1. 22.아래는 특정 지역의 지도를 나타내는 가장 간단한 형태의 html 파일이다. 위도, 경도 값은 아래의 사이트를 통해서 구할 수 있다.http://mygeoposition.com/