핀 안에 사용자 이미지가있는 맞춤 Google지도 아이콘

Question

지도에 사용자를 표시하려고하는데 이미 앱에서지도를 구현했지만 지금은 사용자의 사진을 표시하는 맞춤 마커를 만들려고합니다. 이런 식의 핀을 : Custom markers, 어떻게하면 될까요?

는 내가 뭘하려고 대신 기본 마커 이미지의 표시하는 아이콘을 정의 할 수 있습니다 마커 아이콘 비트 맵

Answer 1

내부에 비트 맵을 표시하고, 명확합니다. 아이콘을 정의하는 작업에는 마커의 시각적 동작을 결정하는 여러 속성을 설정해야합니다. 코드 아래에서 트릭을해야합니다.

function initMap() { 
    var map = new google.maps.Map(document.getElementById('map'), { 
    zoom: 4, 
    center: {lat: -33, lng: 151} 
    }); 

    var image = 'filePath' + 'usersPhoto.png'; 
    var beachMarker = new google.maps.Marker({ 
    position: {lat: -33.890, lng: 151.274}, 
    map: map, 
    icon: image 
    }); 
} 

확인 사항 https://developers.google.com/maps/documentation/javascript/examples/icon-simple#try-it-yourself

Answer 2

에 대한 Google지도 API는이 방법으로 위의 그림과 같이 사용자 정의 아이콘을 설정할 수 있습니다

map.addMarker(new MarkerOptions() 
      .position(new LatLng(37.421939, -122.087552)) 
      .icon(BitmapDescriptorFactory.fromResource(R.drawable.drawable_resource))); 

에 마커를 추가 한 가정하면. 희망이 도움이됩니다.