Google-maps-react: customzied marker
can i customized the marker?
i want to change the icon to a div that i created
alon-querySol
All 12 comments
@alon-querySol This article explains how to do it https://medium.com/@morgannegagne/google-maps-with-react-951c12b723ad
michaeltomasik
on 9 Jul 2019
@michaeltomasik this is for react-google-maps
@alon-querySol you should just be able to use icon={"custom-icon"} in the Marker props.
deehyde
on 18 Oct 2019
@deehyde 馃槺 I just noticed along with 5 downvotes 馃憥
michaeltomasik
on 18 Oct 2019
import SchoolPin from "./pins/school.svg"
icon={{
url: SchoolPin,
anchor: new google.maps.Point(32,32),
scaledSize: new google.maps.Size(64,64)
}}
This worked for me.
travishoglund
on 22 Nov 2019
can we customised the marker using self build components?
jacky-ew
on 10 Sep 2020
can we customised the marker using self build components?
Yes we can
boyang1020
on 10 Sep 2020
@boyang1020 may i know how to do it?
jacky-ew
on 11 Sep 2020
@boyang1020 may i know how to do it?
https://levelup.gitconnected.com/reactjs-google-maps-with-custom-marker-ece0c7d184c4
boyang1020
on 14 Sep 2020
@boyang1020 its a different library
jacky-ew
on 15 Sep 2020
@boyang1020 its a different library
My bad, just realized that. But I assume you can try similar ways.
boyang1020
on 15 Sep 2020
i switched to that library, i looked through the codes of this google-maps-react, doesnt seem like customisable
jacky-ew
on 15 Sep 2020
except to import certain image or icon
jacky-ew
on 15 Sep 2020
Related issues
ktosiek
路
3Comments
antonk52
路
5Comments
S-Nakib
路
3Comments
colshacol
路
4Comments
kevinSuttle
路
4Comments
Most helpful comment
import SchoolPin from "./pins/school.svg"
icon={{
url: SchoolPin,
anchor: new google.maps.Point(32,32),
scaledSize: new google.maps.Size(64,64)
}}
This worked for me.