Page 1 of 1
Style Icon in OpenStreet Map
Posted: 03 Aug 2018, 11:03
by mikaelbjors
Hi. I'm happy you included OpenStretMap in your newest version of Phoca Map. It is certainly most useful and good looking :)
I try to use Font Awesome as markers and they is so small. Is it possible to resize them with "Additional Icon Class". If so, how?
Re: Style Icon in OpenStreet Map
Posted: 07 Aug 2018, 13:54
by Jan
Hi, hmmm, really good question. I don't have any experiences with this.
Testing here with CSS:
https://www.phoca.cz/joomla3demo/phoca-maps-demo
you can resize the Icon with CSS but it will be shiften then
Code: Select all
.leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-image-layer, .leaflet-pane > svg path, .leaflet-tile-container {
pointer-events: none;
width: 50px !important;
height: 82px !important;
}
Another way could be directly customizing the code
https://wiki.openstreetmap.org/wiki/Marker_API
Jan