티스토리 툴바


iPad 포함하여 iOS 사용하는 모든 기기들의 Safari 브라우저에서는 데이터 패킷이 과금이 되는 통신사의 네트워크를 이용하는 사용자들이 있기 때문에 preload autoplay기능이 작동되지 않게 되어있다. 사용자가 그것을 시작하기 전에는 데이터가 로드되지 않는다. , JavaScript play()  load() 메서드는 사용자가 재생장치를 시작하여 play() 또는 load()메서드를 발생시키기 전에는 비활성화 된다는 이야기이다. 다시 말해서, 사용자가 Play 버튼을 클릭하면 동작을 하지만 onLoad="play()"이벤트는 동작하지 않는 다는 것이다.

동영상을 재생시킬 있는 경우<input type="button" value="Play" onClick="document.myMovie.play()">

iOS에는 동영상 재생을 없는 경우<body onLoad="document.myMovie.play()">

Posted by 강부자아들

이 글은 WebGL이라는 기술을 사용하여 만든 Google 지도를 소개한다. Google Maps 팀에서는 WebGL을 기반으로한 MapsGL이라는 이름을 붙였다.

 

우선 왼쪽 아래에 "새로운 기능을 사용해 보고 싶으십니까?"를 클릭한다.

 

아직 정식 서비스도 아니고 시스템 요구사항을 만족시키는 컴퓨터 만이 사용할 수 있다.

 

시스템 요구사항을 충족시키지 못하면 아래와 같이 기본 서비스로 돌아가는 메시지를 접하게 된다.

 

 

크롬14 버전이나 FireFox 8.0이상(개발자버전)에서 동작한다. 필자의 경우에는 크롬 14브라우저로 업데이트 했음에도 불구하고 에러가 나서 크롬 프로그램 제거 후 다시 사용하라는 메시지를 받고 좌절하여 파이어폭스를 설치하였다.

파이어폭스 8.0 버전 이상을 설치해도 MapsGL 기능이 동작하지 않는데 이는 브라우저의 WebGL 기능을 활성화 하지 않아서 그런 것이다. 이 부분은 도움말이나 웹 서핑을 통해 각 브라우저에 맞는 설정을 하도록 한다. 파이어폭스 8.0에서는 주소창에 about:config를 타이핑하여 옵션에 들어간 후 webgl.force-enabled 옵션 값을 true로 토글하여 동작되게 하였다.

 

WebGL 기술을 활용한 MapsGL 기능이 활성화 되면, 왼쪽 아래에 "MapsGL 사용중"이라는 메시지가 나온다. 물은표 버튼을 클릭하고 "둘러보기"버튼을 한 번 더 클릭하면 자세한 기능들에 대한 설명이 나온다.

 

 

간단한 예제 사용법을 알려준다. 순서대로 따라한다.

 

 

 

지도를 확대하다 보면 나침반이 표시된다.

 

 

 

 

 

지도이미지의 경우 벡터 파일로 오는 것처럼 보였다. 예를 들어 아래 링크를 참조하면 된다. x, y, z 값은 이전 Google 지도와 같은 규칙인데 src 인자 값과 format인자 값이 추가되었다.

http://mt1.google.com/vt/vec?src=vector&format=town&x=35041&y=24356&z=16&lyrs=m@162000000&hl=ko

 

아래 그림은 Zoom-In을 하여 중간에 지도 데이터가 로딩될 때 화면을 저장 하였다. 이미지들을 자세히 보면 디테일한 레벨의 경우 렌더링 시간이 오래 걸리는 것 같다.

 

아직 이미지 타일을 미리 렌더링 하는 방식 예전지도가 더 빨랐다. 하지만 성능이 좋거나 하드웨어 가속을 사용하는 환경하에서는 WebGL기반의 MapsGL을 사용하는 좋아질 수 있어지지 않을까 싶다. 또 다른 특징은 왠지 지도가 뿌옇게 보이는 것이었다. 장점으로는 스트리트 뷰와 지도 사이의 화면전환이 자연스러워진 것과, 위성영상을 45도씩 회전할 때 좀 더 매끄러워 진 것이다.

 

동영상을 참조하면 더 많은 정보를 알 수 있다.

 

 

참조:

http://googleblog.blogspot.com/2011/10/step-inside-map-with-google-mapsgl.html

http://www.youtube.com/watch?feature=player_embedded&v=X3EO_zehMkM

Posted by 강부자아들

수치지도의 도로에 스타일을 주다보면 오른쪽 그림과 같은 문제점에 봉착하게 된다. 위쪽 그림(네이버지도)를 보면 고속도로들이 부드럽게 스타일 되어진 것을 볼 수 있다. 반대로 아래쪽그림(국가공간정보통합체계)을 보면 고속도로들이 약간씩 찌글찌글 하다는 느낌이 들게 된다. 이러한 문제는 수치지도의 도로선 레이어인 A002(line)의 1:1000이나 1:5000같은 레이어를 그대로 사용해서 그런 것이다. 도로 라인을 단순화하고 레벨 별로 나누어서 축척에 맞는 파일을 사용하여야 한다. 이렇게 축척에 맞지 않는 세밀한 정보들을 사용하면 데이터들이 너무 많아 떡져보이거나 아니면 투명도를 주었을 때 제대로 나타나지 않는 경우가 발생하게 된다.

 

Posted by 강부자아들