반응형

안드로이드 구글맵의 마커 아이콘을 PNG 이미지로 변경하는 방법을 다룹니다.




1. Google Map을 위한 Android 프로젝트 생성


2. 프로젝트에 PNG 이미지 파일 추가하기


3. 구글맵 마커 변경하기





2018.  7. 18 - 최초 작성





1. Google Map을 위한 Android 프로젝트 생성


다음 포스팅에 있는 간단한 구글맵 예제 프로젝트를 사용하여 마커 아이콘을 변경하는 방법을 설명합니다.



Google Maps Android API 사용 방법 및 예제

http://webnautes.tistory.com/647





2. 프로젝트에 PNG 이미지 파일 추가하기


2-1. 윈도우에서 복사할 파일을 선택하고 마우스 오른쪽 버튼을 눌러 보이는 메뉴에서 복사를 선택합니다.






2-2. 프로젝트 창이 Android 뷰인지 확인합니다.





2-3. app > res > drawable을 선택하고 마우스 오른쪽 버튼을 클릭하여 보이는 메뉴에서 Paste를 선택합니다.






2-4. 목록에서 drawable을 선택하고 OK 버튼을 클릭합니다.





2-5. 붙여넣기한 이미지 파일이 New name에서 적어준 이름으로 To directory 위치로 복사됩니다.





2.6. drawable 폴더에 png 파일이 추가되었습니다.





3. 구글맵 마커 변경하기

 

3-1. 기존 코드를 노란색 코드처럼 수정합니다.  


 @Override
   public void onMapReady(final GoogleMap map) {

       LatLng SEOUL = new LatLng(37.56, 126.97);

       MarkerOptions markerOptions = new MarkerOptions();
       markerOptions.position(SEOUL);
       markerOptions.title("서울");
       markerOptions.snippet("한국의 수도");


       BitmapDrawable bitmapdraw=(BitmapDrawable)getResources().getDrawable(R.drawable.marker);
       Bitmap b=bitmapdraw.getBitmap();
       Bitmap smallMarker = Bitmap.createScaledBitmap(b, 200, 200, false);
       markerOptions.icon(BitmapDescriptorFactory.fromBitmap(smallMarker));


       map.addMarker(markerOptions);

       map.moveCamera(CameraUpdateFactory.newLatLng(SEOUL));
       map.animateCamera(CameraUpdateFactory.zoomTo(10));
   }


https://stackoverflow.com/questions/46171527/try-to-add-a-picture-marker-google-maps-with-android-studio




3-2. 마커를 다음 이미지로 변경한 결과입니다.







반응형

포스트 작성시에는 문제 없었지만 이후 문제가 생길 수 있습니다.
댓글로 알려주시면 빠른 시일내에 답변을 드리겠습니다.

여러분의 응원으로 좋은 컨텐츠가 만들어집니다.
지금 본 내용이 도움이 되었다면 유튜브 구독 부탁드립니다. 감사합니다 : )

유튜브 구독하기


제가 쓴 책도 한번 검토해보세요.

  1. 2019.06.08 23:41

    비밀댓글입니다

    • Favicon of https://webnautes.tistory.com BlogIcon webnautes 2019.06.09 07:06 신고

      마커별로 markerOptions.icon를 사용하여 이미지를 지정해줘야 합니다.

+ Recent posts