본문 바로가기

반응형

지도

다음 api 를 이용한 지도 만들기 (사용자 이미지를 이용한 마커 / 컨크롤 올리기) 다음지도에서 지원하는 약도만들기로 부족할때는 api 를 통해서 지도를 만들어야 합니다. api 는 api key 가 반드시 필요해서 다음회원으로 가입후 key 를 발급 받아야 합니다. http://apis.map.daum.net/ 우측 상단에 보이는 API KEY 발급 버튼을 눌러서 시작합니다. 이용약관에 동의합니다. 우선 사용할 앱을 먼저 등록합니다. 만들어진 앱으로 사용할수있는 api 들도 보입니다. 사용할 이름을 입력해줍니다. 앱을 만든후 홈페이지에서 자바스크립트를 통하서 지도 api를 사용할거니 RES/JS API 에 + 버튼을 눌러줍니다. 플렛폼을 웹브라우져로 선택하고 사용하려는 도메인 주소를 Referer 에 입력합니다. http:// 가 빠지면 형식에 맞지 않는다고 경고가 나옵니다. 줄바꿈해.. 더보기
구글 지도 사용 google map 언어 ( 중국어 zh_CN ) 구글 지도 사용 - language=zh_CN 중국어 서울시 청와대 하단에 버튼을 누르면 해당 주소에 마커가 생성되는대 results[0].formatted_address 값이 일부 해당언어(위 소스는 중국어) 로 표기된다. 더보기
jquery + image map 으로 지도나 이미지상에서 기능구현하기 예를 들어 전국지도가 있고 특정 지역을 이미지 상에서 클릭했을때 효과를 주고 기능을 부여할때 필요한 부분이다. - imagemapster 란 것을 만들어 제공해주는 곳이 있어 이곳에 들어가서 보면 demo 와 적용할수있는 다양항 기능들을 직접 조합해 볼수있다. http://www.outsharked.com/imagemapster/examples/usa.html 또한 아랫 사이트에선 직접 소스를 변경해가면서 테스트해 볼 수도 있다. http://jsfiddle.net/4cHtc/22/ ( ※ 이곳에서 이 소스뿐만이 아니라 다양한 샘플들을 테스트해볼수있으니 참고해보면 좋을거 같다.) - maphilight 란 것도 있는대 image map 이나 svg 파일등으로도 이용가능하다. http://davidlync.. 더보기
네이버 지도 api 사용하기 http://map.naver.com/js/naverMap.naver?key=네이버에서발급받은키값">>-->/* * 지도API 2.0은 기존의 카텍 좌표 외에도 위경도 좌표를 지원합니다. * 위경도 좌표를 사용하기 위해서는 기존의 NPoint 클래스 대신 NLatLng 클래스를 사용해야 합니다. * * http://maps.naver.com/api/geocode.php 에서 "경기도성남시정자1동25-1"을 검색한 결과인 * x : 321033, y : 529749 * 를 예로 들어 설명해 보겠습니다. * * 편의를 위해 전역변수로 mapObj, tm128, latlng를 선언해 두었습니다. */var mapObj = new NMap(document.getElem.. 더보기

반응형