android studio google map v2 (2)이번에는 스튜디오에서 발급받은 API키로 맵을 실행 시켜보겠습니다 발급방법 API키는 아래글 참고~http://ggari.tistory.com/451 documentation 은 아래 전체적인고 참고 https://developers.google.com/maps/documentation/android-api/ 1. File -> Project Structure 를 클릭 해주세요 2. app ->Dependencies -> + 버튼 -> Library dependency 를 클릭해주세요(스샷은 없음) 3. play-services 를 선택 후 OK 클릭 MainActivity.java package com.example.ggarigooglemapte..

android studio google map v2 (1) 먼저 API key 를 발급받아야합니다. 여기까지 완성된분은 android studio google map v2 (2) 부분을 참고~http://ggari.tistory.com/452 1. 아래 싸이트로 이동해주세요 https://console.developers.google.com/project 로그인을 하시고 새 프로젝트 만들기를 클릭하세요~ 프로젝트 이름을 입력하세요~~ 2. 좌측 상단을 보시면 API 및 인증을 클릭하시고 API 를 클릭~ 3. Google Maps Androiod API 클릭 UI가 조금 바뀌었네요! 4. 설정 ON 을 켜주세요 사용 설정 중이라고 문구가 나오면서 바뀔껍니다 5. 사용자 인증 정보 추가 -> API키를 클..

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파일로 제작한 이미지를 사용할 수 있습니다. 옵션으로 마커 아이콘의 크기 조절도 가능합니다. 수백개 수천개 마커가 출력될 때의 출력 속도는 마커 이미지의 파일크기가 클수록 느리고 작을수록 빠릅니다.

//초기 실행 함수 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(..

html { height: 100% }  body { height: 100%; margin: 0px; padding: 0px }  #map_canvas { height: 100% }    src="https://maps.google.com/maps/api/js?sensor=false"> var map;var markersArray = [];coordinates = [];var up_lat = "37.5562989";var up_lng = "126.9220863"; var car_lat = "37.4784514"; var car_lng = "126.8818163"; var up_latlng = new google.ma..

주소를 위도,경도의 값으로 변경(지오코딩:geocoding)하여 출력할 수 있는 함수입니다. function geoCode() { } 위의 함수를 실행한 결과는 아래와 같습니다. 구글맵 API : https://developers.google.com/maps/?hl=ko