search

bjorn2404 / jQuery-Store-Locator-Plugin

A store locator plugin using Google Maps API version 3
MIT License
493 stars 235 forks source link

Icons for markers instead of images? #295

Open sm-mdp opened 1 year ago

sm-mdp commented 1 year ago

For markers, Is there a way to specify an icon to use instead of an image link? I'd like to try to use <span class="material-icons">location_on</span> instead of an image URL, but I'm not sure the best way to go about doing that.

Thanks, Sharon

bjorn2404 commented 1 year ago

@sm-mdp the callbackCreateMarker callback allows you to completely override the Google Maps marker with whatever you want, including the icon. Information on how to add a symbol to a marker is in the Google Maps docs at: https://developers.google.com/maps/documentation/javascript/symbols

Specifically the svgMarker in that example and passing that through to the new google.maps.Marker call.

sm-mdp commented 1 year ago

I’ll take a look. Thanks so much!

On Jul 26, 2023, at 2:23 AM, Björn Holine @.***> wrote:

@sm-mdp https://www.google.com/url?q=https://github.com/sm-mdp&source=gmail-imap&ust=1690957396000000&usg=AOvVaw0YO3YEJNPQgIhIdvgiQZuY the callbackCreateMarker https://www.google.com/url?q=https://github.com/bjorn2404/jQuery-Store-Locator-Plugin/blob/master/callbacks/callback-createmarker.md&source=gmail-imap&ust=1690957396000000&usg=AOvVaw0bliCy8siqW4K9uRgM34-D callback allows you to completely override the Google Maps marker with whatever you want, including the icon. Information on how to add a symbol to a marker is in the Google Maps docs at: https://developers.google.com/maps/documentation/javascript/symbols https://www.google.com/url?q=https://developers.google.com/maps/documentation/javascript/symbols&source=gmail-imap&ust=1690957396000000&usg=AOvVaw3VJICthn3K7pXR5TnGL5hK Specifically the svgMarker in that example and passing that through to the new google.maps.Marker call.

— Reply to this email directly, view it on GitHub https://www.google.com/url?q=https://github.com/bjorn2404/jQuery-Store-Locator-Plugin/issues/295%23issuecomment-1651052312&source=gmail-imap&ust=1690957396000000&usg=AOvVaw1CfCNZ0hTvfhiQvAJHmAb_, or unsubscribe https://www.google.com/url?q=https://github.com/notifications/unsubscribe-auth/AV5EY5X5EIALVRDXPGKIVALXSCZVDANCNFSM6AAAAAA2PAJ6XU&source=gmail-imap&ust=1690957396000000&usg=AOvVaw2bLKsRbWDEBFQv_HLmXUEC. You are receiving this because you were mentioned.