Recent Posts
Recent Comments
«   2025/01   »
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
관리 메뉴

Dev.

GoogleMap API V2 [3.구글맵에 마커 설정하기! (1) ] 본문

Android

GoogleMap API V2 [3.구글맵에 마커 설정하기! (1) ]

Pppdw 2014. 2. 15. 04:48

 

이번엔 마커입니다!

방금전 올린 포스팅에서 위도경도 좌표값을 설정하는 LatLng 값으로 37,128 을 고정해줫는데요.

이번 포스팅엔 37,128에 해당하는부분에 마커(핀을 의미하죠) 를 하나 찍어볼게요

그럼 시작하겠습니다.ㅎ 

 


1. 기본적인 마커를 뿌려봅시다. 

 


 마커는 addMarker 메서드로 찍어줄수있어요.

굉장히 간단합니다...

제맵은 TestMap 이라는 이름으로 잡아줫으므로 여기에, addMarker메서드를 붙이기만 하면

끝이에요, 

TestMap.addMarker(new MarkerOptions().position(loc));

이렇게 되겠네요.. 예 당활스럽지만 이게끝입니다...

한번 실행해볼까요??



예...사실저도 포스팅하면서 37,128좌표지역이 어딘지몰랐는데

대충 실행화면보니까 음, 충주쯤 되는 위치였군요... 

여튼 되는거 확인했으니 다음으로 넘어가볼게요.ㅎ

참, 코드는 아래와 같습니다



 



 2. 좌표값을 고정변수로 주지않고 

     유동적으로 줘서 마커를 여러개 꼽아볼께요.


 


윗부분 에선 loc값을 직접적으로 썻기때문에, 좌표를 다르게 주는법을 안알려드린거같아서

추가로 작성합니다

 위에 포지션값 보이시죠? position(loc) 이부분인데요!

이 포지션값을 손봐야하겠죠? 포지션에 인자값 즉 좌표부분을 그때그때 새로운 LatLng값을

생성하게하고 마커를 꼽으시면됩니다!

position(loc) --> position(new LatLng(Lat,Lng)) 이렇게 바뀌면 될꺼같네요!

그럼 막무가내식으로 아무좌표나 꼽아볼께요!

(37,126),(37,125),(37,124) 이세개의 좌표에 각각 핀을 꼽아보도록 하겠습니다

그럼 위에 포지션 인자값인 new LatLng(Lat,Lng) 부분을 수정하면 되겠네요~

그럼 어디 제가 직접한번 꼽아보겠습니다.ㅎㅎ

코드내역은 아래와 같습니다.




정상적으로 꼽히네요! 

근데..마커핀이 너무 단조롭죠? 내친김에 이것까지 바꿉시다!

 




3. 마커에 이미지 씌우기! 

 



마커에 이미지를 씌우시고 싶을꺼에요, 전 저렇게 모두다똑같은 단조로운핀이아닌

각각 틀리게생긴 이쁜핀을 원하니까요.

이미지를 씌우실때는~ 

.icon(BitmapDescriptorFactory.fromResource()); 메서드를 사용하시면 됩니다!

아, 물론 씌우실 이미지는 있어야겠죠? 전 꼽혀있는 핀도 3개고하니까

이 이미지를 사용하겠습니다.



그럼 어디한번 붙여보겠습니다!

fromResource메서드의 인자값으로 저 이미지를 잡아주시면 됩니다!

R.drawable.?? 대충 이런식이 되겠지요??

그럼 실행한번해볼께요! 코드내역은 아래와 같구요.ㅎ



휴 됬습니다!!



근데..너무 밋밋해요. 전 눌럿을때 제목도 나오게하고싶고..그러네요

이왕한거 끝까지 갑시다! 이어서 다음 포스팅에 작성하겠습니다!

Comments