Пользовательский маркер Google Maps с изображением пользователя внутри вывода

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 
    }); 
} 

Проверьте API Карт Google для деталей https://developers.google.com/maps/documentation/javascript/examples/icon-simple#try-it-yourself

Answer 2

Предполагая, что вы добавили маркеры таким образом

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

Вы можете настроить свой собственный значок, как показано выше. Надеюсь это поможет.