Есть ли способ поместить изображение внутри маркера на картах Google? - PullRequest
Новая
       34

Есть ли способ поместить изображение внутри маркера на картах Google?

0 голосов
/ 17 апреля 2019

Я использую реагировать-google-карты и хочу использовать изображение пользователя внутри маркера. Как я могу поместить динамическое изображение внутри маркера?

Я пытался использовать значок объекта маркера, но он не работал, потому что он просто помещал изображение на карту, а не внутри маркера.

как то так some thing like this

1 Ответ

0 голосов
/ 17 апреля 2019

Вы можете передать Опции реквизитов в компоненте Marker и поместить URL-адрес вашего изображения в свойство icon. (Не проверено, но я думаю, что это будет работать для вас)

Пример 

<GoogleMap
    defaultZoom={8}
    defaultCenter={{ lat: -34.397, lng: 150.644 }}
>
    <Marker           
        options={{ icon: { url: ...., scaledSize: ...., size: .... } }}
        position={{ lat: -34.397, lng: 150.644 }}
    />
</GoogleMap>

scaledSize: размер всего изображения после масштабирования, если оно есть. Используйте это свойство для растягивания / сжатия изображения или спрайта.

размер: размер отображения спрайта или изображения. При использовании спрайтов вы должны указать размер спрайта. Если размер не указан, он будет установлен при загрузке изображения.

...