이데일리 TV 클로즈업 기업현장, SPH를 찾아오다!

[SPH, 방송타다!]

매주 월~목 12시 30분부터 진행되는 이데일리 TV 클로즈업 기업현장에서 SPH 촬영을 위해 방문해주셨습니다!  :) 단체 촬영에 앞서 김은지 리포터와 인터뷰를 진행하신 소광진 대표님의 다소 경직된 (?) 모습이 사뭇 새로웠는데요,

IMG_0996-300x200IMG_0998

그래도 멋있으시네요. :)

이번 촬영을 통해서 SPH가 걸어온 지난 2년에 대한 시간을 되돌아보는 좋은 기회가 되기도 하였는데요, 2011년 5월 한국지역 구글맵 부문 Enterprise Partner로 시작하여 2013년 초, 국내 최초 Google사의 Global Top Partner로 인정받기까지 대단한 여정이었습니다.

소광진 대표님은 개인 촬영 다음으로 SPH 전체 회의 진행 모습이 카메라에 담겨졌습니다. 다들 카메라 앞이라 안면 근육이 뭉칠 정도로 억지웃음 (?)을 지었지만 역시 자연스러운 모습의 소유자, 김선경 부장님께서는 쿨한 모습을 보여주셨네요.ㅎㅎ

IMG_1012IMG_1030

촬영하는 동안 Google Earth를 가지고 여기저기 세계투어도 했습니다! 샌프란시스코, 상해, 여의도, 괌, 심지어 반지의 제왕 촬영지까지ㅎㅎ… Google Earth 하나로 직원 모두 세계투어를 하다보니 자연스럽게 하하호호 웃으며 촬영에 임하게 되었습니다.

IMG_1039-1024x682

마지막 촬영은  SPH의 기둥, 소광진 대표님의 업무 진행 개인 촬영으로 끝맺었습니다.

IMG_1058

처음 진행하던 TV 촬영이라 다소 긴장되기도 하고 신기하기도 해서 잊을 수 없을 것 같은데요, 방송은 8월 중순 중으로 방영된다고 하니 SPH에 대해서 더 알고싶으신 분들은 방송을 꼭!! 시청해주세요~

참, 사진 곳곳에서 보이는 사무실은 얼마 전에 새로 이전한 SPH의 새로운 보금자리입니다!  얼마 뒤에 새로 리뉴얼된 홈페이지 오픈과 함께 새 사무실 소개도 있을 예정이니 기대해주세요.

 

-이데일리TV 기업현장, 방송 영상 보기
http://www.edaily.co.kr/news/tv/?inik=64440

Maps Engine Layers

Google Maps에서 사용할 수 있는 기능들은 크게 “서비스”와 “라이브러리”로 나눌 수 있습니다.

서비스는 Directions, Distance Matrix, Elevation, Geocoding, Maximum Zoom Imagery, Street View 로 구성되고, 라이브러리는 Adsense, Drawing, Geometry, Panoramio, Places, Visualization, Weather등이 있습니다.
2013년 6월에 발표한 새로운 라이브러리인 Map Engine Layers에 대해서 간단히 살펴보겠습니다.

Google Map Engine은 구글이 계속하여 기능을 강화하고 확장하고 있는 제품으로 사용자의 다양한 포맷 GIS데이터를 구글의 Infrastructure에 업로드 하고 조회할 수 있는 클라우드기반 GIS데이터 관리 플랫폼입니다.  데이터의 유형은 점, 선, 면 데이터를 올리면 해당 레이어를 조회하는 것이 전부였지만, 이 데이터를 구글맵위에 Overlay할 수 있는 기능이 기본으로 제공되지는 않았습니다.

그러나,  Google Maps visualization Library는 MapsEngineLayer 와 DynamicMapsEngineLayer 를 제공하여 Google Map Engine에 업로드 된 벡터 데이터를 Google Maps JavaScript API v3 application에 Import시킬 수 있는 기능을 제공해줍니다.
1) MapsEngineLayer

map-enging1Tile server-side 환경을 만들고 타일데이터를 클라이언트에게 전달합니다. 벡터데이터를 올리면 타일로 만들어줘 정적인 상태로 만들어 준다는 의미입니다. 구글지도상에서 Interactive하게 조회 해볼 수는 없지만, 정적이고, 변화가 적은 컨텐츠 그리고 성능을 빨리 하고 싶을 때 활용할 수 있습니다.
2) DynamicMapsEngineLayer

map-enging2이 클래스는 벡터데이터를 클라이언트에 반환해줍니다. 벡터데이터를 핸들링하기 때문에 벡터의 스타일링에 변화를 줄 수 있습니다.

MapsEngineLayer와 비교를 해보면, 마우스를 폴리곤 데이터에 갔다 대었을때 색상이 빨간색으로 변했음을 볼 수 있습니다.

 

그럼 이 기능을 사용하기 위한 방법은 무엇일까요? 개발, 세팅하는 순서는 아래와 같습니다.

  1. Loading the visualization library(라이브러리 로딩)
  2. Congratulating API access to your layers
  3. The layer constructor
  4. Layer option 설정
  5. Retrieving feature information from Google Maps Engine
  6.  Getting and setting feature styles
  7. Authentication in the Maps Engine Layer

 

1) 라이브러리 로딩하는 법

<script type="text/javascript"
  src="http://maps.googleapis.com/maps/api/js?libraries=visualization&key=YOUR_API_KEY&sensor=true_or_false">
</script>

2) 레이어 접근을 위한 API설정

API 접근은 Google Map Engine의 컨트롤 리스트에서 가능합니다. 다른 방법을 제시하기도 합니다.

  • Using the map’s settings. If you’re specifying a layer by its mapId and layerKey, the map’s access control list applies to the map’s layers.
  • Using the layer’s API access setting. When specifying a layer using its layerId, the layer’s API access setting controls access.

3) layer생성자

    앞서 살펴 보았듯이

MapsEngineLayer

     또는

DynamicMapsEngineLayer

    오브젝트에 의해서 레이어가 생성됩니다.
  • var layer = new google.maps.visualization.MapsEngineLayer({ options });
  • var dynamicLayer = new google.maps.visualization.DynamicMapsEngineLayer({ options });

4) 레이어 옵션 설정

    mapid, layerkey,clickable등의 옵션을 설정할 수 있습니다.

5) 이벤트 설정

  • MapsEngineLayer 사용가능 이벤트
- click, properties_changed, status_changed 이벤트 가능
  • DynamicMapsEngineLayer
- mouse event,feature id, LatLng등

6) Feature 스타일 설정

  • fillColor and fillOpacity
  • strokeColorstrokeOpacity, and strokeWidth
  • iconImageiconClipiconAnchoriconSize, and iconOpacity
  • zIndex

7) 인증

OAuth 2.o

등의 기능을 활용을 해 볼 수 있습니다.