-
Notifications
You must be signed in to change notification settings - Fork 816
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Custom Markers #123
Comments
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> ``` Closes #123
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> ``` Closes #123
@SebastianM
|
Is there a way to use custom icon fonts rather than png files - like these http://map-icons.com/ ? |
can we define icon based on local path from our /assets/images/ path for example instead of an actual httpurl type? |
@rushstrike Sure. Just make sure the path is relative to your index.html file, i.e. |
Is it possible to insert some marker options like size? |
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. |
I have an issue, when i trie to customise the marker with [iconUrl] directive it goes hidden note : the png file is in the same folder as the html file |
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. |
thanks :D |
Is it now possible to add size? |
#517 works for me |
Is there a possibility to customize that image icon used as a Marker with CSS ? |
@bholben Is this possible now? "Is there a way to use custom icon fonts rather than png files - like these http://map-icons.com/ ?" |
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: |
It will be nice to be able to create custom markers....
https://developers.google.com/maps/tutorials/customizing/custom-markers
The text was updated successfully, but these errors were encountered: