Skip to content

Is it possible to use a font to provide the marker picture #553

@nickkellet

Description

@nickkellet

I was looking at this example for Fontawesome Markers.

http://fontawesome.io/icon/map-marker/
https://github.com/nathan-muir/fontawesome-markers

new google.maps.Marker({
map: map,
icon: {
path: fontawesome.markers.EXCLAMATION_CIRCLE,
scale: 0.5,
strokeWeight: 0.2,
strokeColor: 'black',
strokeOpacity: 1,
fillColor: '#f8ae5f',
fillOpacity: 0.7,
},
clickable: false,
position: new google.maps.LatLng(lat, lng)
});

I could not see how to do this as all the examples provide a icon as URL.

eg
markers = handler.addMarkers([
{
lat: 0,
lng: 0,
picture: {
url: "https://addons.cdn.mozilla.net/img/uploads/addon_icons/13/13028-64.png",
width: 36,
height: 36
},
infowindow: "hello!"
}
I've been using http://chart.apis.google.com/chart , but I see it's now deprecated, I'd much rather use a font than making custom images for all the colors etc.

Thanks

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions