일과 생활

함께 쌓여가는 개발자의 경험과 기록

Open API/Naver

네이버 기본 맵 ( 마커 찍기 + 라벨 넣기 ) Test Url : http://www.uhoon.co.kr/test/995.html 네이버 API 키 발급 Url : https://dev.naver.com/openapi/register

2016. 12. 20.

Open API/Google

종종 단순 배열 마커가 필요한 경우가 있을때 사용하기 위한 샘플입니다. 많은 기능이 들어간 샘플에서 기능 걷어내는것도 일인지라.. Test Url : http://www.uhoon.co.kr/test/6477.html

2016. 12. 12.

Open API/Google

구글맵 V3 + 마커 샘플입니다. 일반적으로 기본 구글맵에서 가장 많이쓰는것이기도 한데요.. Test Url : http://www.uhoon.co.kr/test/4338/4338.html * Info Window : https://developers.google.com/maps/documentation/javascript/examples/infowindow-simple?hl=ko* Info Window Options : https://developers.google.com/maps/documentation/javascript/reference?hl=ko#InfoWindowOptions

2016. 12. 12.

Open API/Google

개발 중 맵상에 수백 수만개의 마커를 생성해야하는 경우가 당연히(?) 발생됩니다.이때 버버벅...리소스를 엄청나게 먹으면서 느려질수가 있는데요. 이럴 때 사용할수 있는 샘플입니다. 기존 구글맵 v3 - 마커 + 말풍선 + GPS 연동+ 원그리기 + 동적 마커 생성( Ajax + Json ) 소스에다가 추가했습니다. 현재 보여지는 맵상에 좌측상단 좌표와 우측하단 좌표를 읽어와서 해당 범위내에 있는 마커만 보여지도록 하고맵이 확대/축소되거나 좌표가 이동하는 경우에 마커를 다시 뿌려지도록 하는 방법입니다. 기능 구현위주의 샘플이다보니 좀 다듬어야할 부분이 많지만 쓰시는분에게 떠넘기기를..^^;;( 여기서 상황에 따라 고민해야할 내용으로... 이걸 Js에서 처리할지..DB에서 처리할지.. ) 주요 내용으로는 :..

2016. 12. 12.

Open API/Google

메일로 어느분이 재미난 아이디어를 주셔서 만들어본 샘플인데 아마 가장 활용도가 높지 않을까 합니다. 기존 포스팅 했던 구글맵 아이콘 마커 + 말풍선 + 주소로 위경도 검색 + 거리별 원그리기 - v3 와 다른점은 Ajax+Json 를 통해 동적 마커 생성이 가능하다는 점과 GPS 연동되는 부분이 추가되었다는 점입니다. 10원짜리 팁인 마커 삭제 버튼도 넣었습니다. Test Url : http://www.uhoon.co.kr/test/3300.html 기능 요약 - 구글맵 V3 - GPS 연동 현재 위치 표시 - 현재 위치 반경 원 그리기 - 현재 위치 마커를 제외한 마커 일괄 삭제 - Ajax를 통해 가져온 위치 데이터(json)를 동적으로 마커 생성. 간단히 말로 풀어서 기능설명을 하면 Ajax를 통한..

2016. 12. 12.

Open API/Google

현재 위치를 읽어와서 구글맵에 마커를 표시해주는 기능입니다. Test Url : http://www.uhoon.co.kr/test/1208.html getCurrentPosition 자세히 알아보기 : http://www.uhoon.co.kr/API/1200

2016. 11. 22.

Open API/Google

구글맵 V3 기본 기능입니다..다음번에는 길찾기 등...animation 쪽으로.. Test Url : http://www.uhoon.co.kr/test/613.html * 기능 기본 맵 아이콘 마커 (marker) 말풍선 (infoWindow) 주소로 위경도 검색하기 (geocoder) 거리별 중심점 기준으로 원그리기 ( Circle ) radius : 10Km 5Km latitude : longitude: address

2016. 11. 21.

Open API/Daum

다음맵 API를 이용한 기본 마커 + 말풍선 샘플 코드입니다.

2016. 10. 31.