consul/grecia
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Document how to customize city map with image maps for geozone districts

Browse Source
This commit is contained in:
Bertocq
2018-01-23 15:42:38 +01:00
parent ec740a972e
commit f456c3c756
2 changed files with 12 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
docs/en/customization/images.md
View File

@@ -9,3 +9,9 @@ If you want to overwrite any image, firstly you need to findout the filename, an
* map.jpg * map.jpg
* social_media_icon.png * social_media_icon.png
* social_media_icon_twitter.png * social_media_icon_twitter.png
## City Map
You'll find the city map at [`/app/assets/images/map.jpg`](https://github.com/consul/consul/blob/master/app/assets/images/map.jpg), just replace it with an image of your cities districts ([example](https://github.com/ayuntamientomadrid/consul/blob/master/app/assets/images/map.jpg)).
Afterwards we recommend you to use an online tool like http://imagemap-generator.dariodomi.de/ or https://www.image-map.net/ to generate the html coordinates to be able to generate a [image-map](https://www.w3schools.com/tags/tag_map.asp) for each of the districts. Those coordinates should be introduced on the respective Geozones at the admin geozones panel (`/admin/geozones`)

6
docs/es/customization/images.md
View File

@@ -9,3 +9,9 @@ Si quieres sobreescribir alguna imagen debes primero fijarte el nombre que tiene
* map.jpg * map.jpg
* social_media_icon.png * social_media_icon.png
* social_media_icon_twitter.png * social_media_icon_twitter.png
## Mapa de la ciudad
Puedes encontrar el mapa de la ciudad en [`/app/assets/images/map.jpg`](https://github.com/consul/consul/blob/master/app/assets/images/map.jpg), simplemente reemplazalo con una imagen de los distritos de tu ciudad ([ejemplo](https://github.com/ayuntamientomadrid/consul/blob/master/app/assets/images/map.jpg)).
Después te recomendamos utilizar una herramienta online como http://imagemap-generator.dariodomi.de/ o https://www.image-map.net/ para generar las coordenadas para poder establecer un [image-map](https://www.w3schools.com/tags/tag_map.asp) sobre cada distrito. Estas coordenadas deben ser introducidas en la respectiva Geozona creada en el panel de administración (`/admin/geozones`)