구글맵 API(5)
-
안드로이드 구글맵 v2
안드로이드 구글맵 v2 기존 구글맵 v1에서 킷값을 받아 서 설정하는 방법은 이제 버리고 v2 버전을 써보자 적용하는 거는 더 쉬워진 거 같아 c2dm - > gcm으로 바뀐 것처럼 1. 먼저 SHA1에 대한 키값을 알아야합니다 cmd 를 이용하시면됩니다. 혹은 window -> preferences -> Android -> Build 를 보시면 SHA1fingerprint 값을 알 수 있습니다. 2. https://code.google.com/apis/console 이동해주세요 새로운 프로젝트를 한개 만들어 주세요. 3. API & AUTH -> APIs -> Google Maps Android API v2를 활성화 시켜주세요 4. Credentials -> Create New Key 클릭해주세요 5...
2014.07.19 -
안드로이드 네이버 지도
네이버지도 API_KEY 값을 (등록/관리)방법을 설명하겠습니다. 1. http://dev.naver.com/openapi/이동하시고 로그인후 오픈API ->키 등록/관리를 클릭해주세요. 2. 지도 API 쪽에서 키 추가 를 해주세요. 패키지 별루 쓸 수 있어 추가 등록을 하셔서 쓰시면됩니다. 3. 사용환경[안드로이드] -> 패키지 이름[패키지명이 정확해야합니다.] -> 약관동의 -> 키발급 4. 발급키를 잘 저장해두세요~ 5. http://dev.naver.com/openapi/apis/map/android/example가셔서 nmaps.jar (샘플 프로젝트) 받으셔서 하시면 됩니다
2013.05.10 -
구글맵 맵 로딩이 완료된 후 함수 실행(리스너 등록)
구글맵 개발 시 페이지에 접근 시 맵 로딩이 이루어집니다. 맵 로딩이 완료되자마자 어떤 맵 이벤트 함수를 실행하고자 할 때 사용하는 방법입니다. 아래의 빨갛고 굵게 표시된 소스를 추가합니다. map이 idle 상태일 경우 1회 실행되는 맵 이벤트 리스너를 추가했습니다. 리스너를 알기 전까지..setTimeout을 사용하여 몇초 후 함수 실행을 하라는 설정을 사용했습니다. 컴퓨터의 사양, 인터넷 속도에 따라 맵로딩 시간이 틀리므로 맵이 로딩되기 전에 맵 관련 함수가 먼저 실행되면 javascript 에러가 발생합니다. 리스너를 사용하여 적절히 대응할 수 있습니다. 구글맵 API : https://developers.google.com/maps/?hl=ko 맵 리스너 : https://developers.g..
2013.01.15 -
구글맵 마커 이미지 변경
var myIcon = new google.maps.MarkerImage("/image/iconImg.png", null, null, null, new google.maps.Size(12,20)); marker = new google.maps.Marker({ position: latlng, map: map, icon: myIcon, title : "마우스 오버 시 정보창 출력됨" }); 마커 생성 시 마커 옵션에 icon을 사용하여 png파일로 제작한 이미지를 사용할 수 있습니다. 옵션으로 마커 아이콘의 크기 조절도 가능합니다. 수백개 수천개 마커가 출력될 때의 출력 속도는 마커 이미지의 파일크기가 클수록 느리고 작을수록 빠릅니다.
2013.01.15 -
구글맵 줌 변경, 지도 이동 시 현재 지도의 범위에만 마커 출력하기
//초기 실행 함수 function init(){ google.maps.event.addListener(map, 'zoom_changed', function() { var bounds = map.getBounds(); var endLo = bounds.getNorthEast(); var startLo = bounds.getSouthWest(); addMarker(startLo, endLo); }); google.maps.event.addListener(map, 'dragend', function(evt){ var bounds = map.getBounds(); var endLo = bounds.getNorthEast(); var startLo = bounds.getSouthWest(); addMarker(..
2013.01.15