Loading...
2016.12.14 23:13

[Google API] 구글맵 v3 infoBox

구글맵 infoWindow 만으로는 html 사용에 제약이 많습니다. 디자인 소스 적용이 어렵기 때문입니다. 해결을 위해 플러그인이 제공되고 있습니다. 그 이름 " infoBox" !! 좀더 자유롭게 디자인 소스를 입힐 수 있는데요. 사용하기 위해서는 infobox.js 를 추가해야 합니다. JS : 다운로드 샘플 코드 :   http://www.uhoon.co.kr/test/6502.html ** 기본 infoWi..

2016.12.12 18:36

구글맵 v3 단순 다중 마커 (배열이용)

종종 단순 배열 마커가 필요한  경우가 있을때 사용하기 위한 샘플입니다. 많은 기능이 들어간 샘플에서 기능 걷어내는것도 일인지라.. Test Url : http://www.uhoon.co.kr/test/6477.html <!doctype html> <html> <head> <meta charset="utf-8" /> <title>googlemap v3 </t..

2016.12.12 18:30

구글맵 마커 + 말풍선 - v3

구글맵 V3 + 마커 샘플입니다. 일반적으로 기본 구글맵에서 가장 많이쓰는것이기도 한데요.. Test Url : http://www.uhoon.co.kr/test/4338/4338.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Info windows</title> <style> ..

2016.12.12 18:27

구글맵 v3 맵상에 보여지는 마커만 생성하기

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

2016.12.12 18:19

구글맵 v3 - 마커 + 말풍선 + GPS 연동+ 원그리기 + 동적 마커 생성( Ajax + Json )

메일로 어느분이 재미난 아이디어를 주셔서 만들어본 샘플인데 아마 가장 활용도가 높지 않을까 합니다. 기존 포스팅 했던 구글맵 아이콘 마커 + 말풍선 + 주소로 위경도 검색 + 거리별 원그리기 - v3 와 다른점은  Ajax+Json 를 통해 동적 마커 생성이 가능하다는 점과 GPS 연동되는 부분이 추가되었다는 점입니다. 10원짜리 팁인 마커 삭제 버튼도 넣었습니다.   Test Url : http://www.uhoon.c..

2016.11.30 10:23

Google 웹사이트 번역기

구글 플러그인을 이용해서 내 블로그 , 웹사이트에 번역기능을 추가하는 방법입니다.사이트 등록 및 스크립트 가져오는 방법 1. 등록 Url : https://translate.google.com/manager/website/add2. 플러그인 설정하기 . 3. 스크립트 얻기.4. 등록 후 화면 5. 적용 화면. 

2016.11.22 16:39

Google Places API를 이용한 주변 지역 정보 검색

간만에 구글 API를 보던 중 재미난 샘플이 있어서 살짝 들여다 봤습니다.. 맛만..;; 화면 ui 및 기능 정리가 잘되어있어서 활용 범위가 클것같습니다. Google Places 대신 자체 디비를 사용해서 쓰게되도 멋질것 같다는 생각이 듭니다. ( 메인은 Google Places 인데...어째 딴 생각이 드네요.) 아직 자세히 보지는 못해서 조만간 뜯어보고 싶네요. 복합적인 기능이다 보니 좀 단순화시켜서 개별 샘플화 하기!! 당장 하고 싶..

2016.11.22 16:35

Google API GeoRSS 피드에서 KmlLayer를 생성..." geoRSS 로 레이어 마커 찍기 "

GeoRss 포맷을 이용해서 레이어 마커를 생성하는 예제입니다.. TestUrl : http://www.uhoon.co.kr/test/1972.html Google API Url : https://developers.google.com/maps/documentation/javascript/layers?hl=ko 용어 :  * KML ( wiki 에서 : KMLViewer )- 키홀 마크업 언..

2016.11.22 16:32

Google API 구글맵 API 적용범위 (Google Maps API Coverage)

Google Maps API Coverage* Countries- 국가/도시/맵타일- 지오코딩/스트릿뷰- 트래픽/드라이빙/비지니스리스팅/도메인/바이킹* Languagesv2 , v3 버전별 지원 언어 및 코드 링크 : https://spreadsheets.google.com/pub?key=p9pdwsai2hDMsLkXsoM05KQ&gid=1

2016.11.22 16:30

google API 스트릿뷰 Street View

스트릿뷰 샘플 소스입니다..회사 앞으로 찾아봤는데 잘 나오네요 기본형에다가 해당 위경도 , POV 값을표기하는 내용 추가했습니다.API Url : https://developers.google.com/maps/documentation/javascript/streetview?hl=koTest Url : http://source.uhoon.co.kr/test/1957.html <!DOCTYPE html> <h..