Изменить цвет булавки в Tomchentw реагировать-Google-карты?

Question

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

это моя функция makeMarkers:

 makeMarkers=()=>{
     const marker=this.props.markers.map((marker,id)=>{
      return <Marker marker={marker} position={{lat:marker.lat, lng:marker.lng}} 
                      onClick={()=>this.props.onMarkerClick(marker)}
              >

                {marker.showWindow && (
                <InfoWindow>
                  <div>Something is there!</div>
                  </InfoWindow>)
                }      
              </Marker>
    })
        return marker;
    }

Answer 1

@ Аонан Ли

Да, именно это я и сделал, в конце концов, я использовал пользовательское изображение (в основном это булавка с другим цветом).Спасибо за ссылку, у нее есть очень полезная информация!

Вот так выглядит мой код:

>  makeMarkers=()=>{
>     
>     const marker=this.props.markers.map((marker,id)=>{
>       return <Marker key={id} marker={marker} position={{lat:marker.lat, lng:marker.lng}} 
>                       onClick={()=>this.props.onMarkerClick(marker)}
>                       options={{icon:`${marker.icon}`}}
>               >
>                 
>                 {marker.showWindow && (
>                 <InfoWindow>
>                   <div>Something is there!</div>
>                   </InfoWindow>)
>                 }      
>               </Marker>
>     })
>         return marker;
>     }

Каждый маркер получает исходный пользовательский .png, и по клику я переключаюсь с пользовательского напо умолчанию!

Answer 2

Это может быть не совсем то, что вам нужно, но сначала посмотрите на эту ссылку.

Значки Google Map с VisualRefresh

Я не нашелсвойство, которое может позволить вам изменить цвет значка по умолчанию.Тем не менее, вы всегда можете предоставить настроенное изображение самостоятельно.

Надеюсь, что это поможет.