CODEWITHSUNDEEP
javascriptreactjsgoogle-maps
Стас Рябцев
Стас Рябцев

Reputation: 1408

GoogleMaps custom marker

Is it possible to create your own marker with your own styles? That is, change the background, change the radius, add a shadow, etc. All I got was to change the opacity and replace it with an icon.

https://react-google-maps-api-docs.netlify.com/#marker

<Marker
        onLoad={onLoad}
        position={position}
        onClick={() => console.log(343)}
        // icon='/static/media/truck.0055f2f3.svg'
        opacity={.5}
      />

Upvotes: 0

Views: 73

Answers (1)

Marshall
Marshall

Reputation: 366

The icon IS the custom marker, everything you want to change about the marker you have to do to the icon. Since you have an svg it shouldn't be too hard to style.

Custom marker example

Upvotes: 2

Related Questions