Page 1 of 1
Icons on openstreet maps
Posted: 12 Jun 2019, 10:45
by louponapoletano
Hello everybody
I work on a openstreet map , due to the limitation on traffic with google maps;
I search to implement my own icons in my openstreet maps .
The google map link :
http://www.database-memoire.eu/prive/fr ... ieres-fr-3 , you can see the icons.
The openstreet map link :
http://www.database-memoire.eu/prive/fr ... etieres-v2
I found one way but i need to modify the css and a php page to suppress the white circle.
Is there another way ???
Sorry i don't implement the english maps... Many thanks for your help
Re: Icons on openstreet maps
Posted: 13 Jun 2019, 13:18
by christine
Hi,
louponapoletano wrote: ↑12 Jun 2019, 10:45
I found one way but i need to modify the css and a php page to suppress the white circle.
Which way did you find?
in principle (I think it's Protostar?) you could change/add CSS etc., when creating a user.css. Just to avoid overrides after Core/extensions updates.
Do you mean this one?
http://www.database-memoire.eu/prive/me ... arkers.css
PHP file: Maybe using via template override?
I think, you mean this icon:
http://www.database-memoire.eu/prive/im ... y_WWII.png
Did you try to implement into other page?
Sorry, I hv more questions than you - Wait for Jan please
Thank you.
Kind regards
Christine
Re: Icons on openstreet maps
Posted: 15 Jun 2019, 12:09
by Jan
Hi, the icons cab be selected from Bootstrap Icons (Glyphicons) or FontAwesomeIcons in OpenStreetMap. If you want to add your own icons, the best method I think, is to add them per CSS - you can specify the class for the icons in administration and in CSS you can then add your own icons.
E.g. the similar way how here the flags are rendered:
https://www.phoca.cz/cssflags/
Code: Select all
.de {
background:url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBoZWlnaHQ9IjYwMCIgdmlld0JveD0iMCAwIDUgMyI+DQo8cGF0aCBkPSJtMCwwaDV2M2gtNXoiLz4NCjxwYXRoIGZpbGw9IiNkMDAiIGQ9Im0wLDFoNXYyaC01eiIvPg0KPHBhdGggZmlsbD0iI2ZmY2UwMCIgZD0ibTAsMmg1djFoLTV6Ii8+DQo8L3N2Zz4NCg==');
width: 100%;
height: 60%;
background-size: 100% 100%;
}
Jan
Re: Icons on openstreet maps
Posted: 29 Dec 2021, 11:12
by Gofly
Hi Jan,
I try your trick and it works but the pin still showing bellow. Any other advice to make this trick magic ?
Re: Icons on openstreet maps
Posted: 02 Jan 2022, 21:31
by Jan
Hi, what you mean with "pin"? Can you paste a screenshot?