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

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

0 голосов
/ 05 июня 2018

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

это моя функция 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;
    }

Ответы [ 2 ]

0 голосов
/ 05 июня 2018

@ Аонан Ли

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

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

>  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, и по клику я переключаюсь с пользовательского напо умолчанию!

0 голосов
/ 05 июня 2018

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

Значки Google Map с VisualRefresh

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

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

...