Custom Markers

[alfredoperez]

It will be nice to be able to create custom markers....
https://developers.google.com/maps/tutorials/customizing/custom-markers

[abmnukmr]

@SebastianM
You can define a custom via a custom URL like this:

<sebm-google-map-marker [iconUrl]="'http://example.com/icon.png'">
</sebm-google-map-marker>

[bholben]

Is there a way to use custom icon fonts rather than png files - like these http://map-icons.com/ ?

[TaiPhamD]

can we define icon based on local path from our /assets/images/ path for example instead of an actual httpurl type?

[bholben]

@rushstrike Sure. Just make sure the path is relative to your index.html file, i.e. iconUrl="assets/images/marker.jpg"

[JanCizmar]

Is it possible to insert some marker options like size?

[Gaetane]

Yes, I think it could be a good thing to add height and width to the markers. It would be useful to be able to adapt the size of the markers to the size of the screen, like on smartphones.

[khzemni]

I have an issue, when i trie to customise the marker with [iconUrl] directive it goes hidden
<sebm-google-map-marker [iconUrl]="'car.png'">

note : the png file is in the same folder as the html file

[JanCizmar]

The same folder as the html file is not correct path. Try to open the developer tools > network tab in your browser and search for the location where the browser is looking for the .png file. Probably it should be located somewhere in the root of you application or in the assets or images folder.

[khzemni]

thanks :D

[bkbaheti]

Is it now possible to add size?

[fabrizziocht]

#517 works for me

[amritofficial]

Is there a possibility to customize that image icon used as a Marker with CSS ?

[devpato]

@bholben Is this possible now? "Is there a way to use custom icon fonts rather than png files - like these http://map-icons.com/ ?"

[amritofficial]

No the custom image icons like we have an ability to do in Javascript Maps. Like this for instance https://www.google.ca/search?q=custom+marker+google+maps&rlz=1C1CHZL_enCA749CA749&source=lnms&tbm=isch&sa=X&ved=0ahUKEwiPpPiolq3aAhXQ7VMKHd1hC2sQ_AUICigB&biw=1536&bih=759#imgrc=crauu15YlnsVLM: