Can I add styles to the marker, and how do I do it
You can add your own marker altogether or use Googles:
http://maps.google.com/mapfiles/ms/icons/blue-dot.png
http://maps.google.com/mapfiles/ms/icons/red-dot.png
or you can add stroke color:
icon: {
path: google.maps.SymbolPath.FORWARD_CLOSED_ARROW,
strokeColor: "red",
scale: 3
},
Using the library you can do something like
<Marker
onClick={() => this.mapClickHandler}
icon={{
url: myMarkerSVG,
anchor: anchorPoint
}}
key={index}
position={marker.location}
/>
Read through this for more information:
https://developers.google.com/maps/documentation/javascript/markers
Most helpful comment
You can add your own marker altogether or use Googles:
http://maps.google.com/mapfiles/ms/icons/blue-dot.png
http://maps.google.com/mapfiles/ms/icons/red-dot.png
or you can add stroke color:
Using the library you can do something like
Read through this for more information:
https://developers.google.com/maps/documentation/javascript/markers