Style Icon in OpenStreet Map

[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?

[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