꼰대 개발자의 블로그

꼰대가 흐름을 따라가고 싶어서 기록하는 블로그

Open API/Google

중국내에서 Google map 실행이 안되는 경우 해결 방법 원인은 https 접속이 안되기 때문이고 이 문제는 Google map FAQ에서 해결 방법을 제시해주고 있습니다. 아래 내용은 Google Map FAQ의 일부 발췌한 내용입니다. Google Maps Platform products are served within China from the domain maps.google.cn. This domain does not support https. When making requests to Google Maps Platform products from China, please replace https://maps.googleapis.com with http://maps.google.cn. 중국에..

2018. 10. 23.

Open API/Google

구글맵 위치정보를 활용한 자동완성 기능을 적용시키는 샘플 구글의 정보는 정말 말로 할수없을 만큼 방대합니다. 그 중에서 맵데이터는 정말 놀라운데요. 기존에 장소(정확히는 도시별)별 위경도 값을 직접 데이터관리하던 부분을 구글 장소 검색 ( Places Search Box ) 기능으로 대체하게 되었습니다. 잘 구축된 API를 잘 가져다 쓰면 되기 때문에 참 편하죠. 자동완성의 반응속도도 빠르고 나름 직접 관리하는 것보다 정확하기 때문에 여러모로 유용할것같습니다. 실제로 구현 하는 경우에는 가장 하단에 Js 참조할때 key 값을 입력해야합니다. https://maps.googleapis.com/maps/api/js?key=여기에키값입력&libraries=places&callback=initAutocomple..

2018. 7. 4.

Open API/Google

구글맵 infoWindow 만으로는 html 사용에 제약이 많습니다. 디자인 소스 적용이 어렵기 때문입니다. 해결을 위해 플러그인이 제공되고 있습니다. 그 이름 " infoBox" !! 좀더 자유롭게 디자인 소스를 입힐 수 있는데요. 사용하기 위해서는 infobox.js 를 추가해야 합니다. JS : 다운로드 샘플 코드 : http://www.uhoon.co.kr/test/6502.html ** 기본 infoWindow에서는 불가능 했던 각종 옵션들이 무궁무진합니다. ** API Reference : http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobox/docs/reference.html This example shows the "..

2016. 12. 14.

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

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

2016. 11. 30.