From f456c3c7566ec2e51ccd76079b99f346dd66968a Mon Sep 17 00:00:00 2001 From: Bertocq Date: Tue, 23 Jan 2018 15:42:38 +0100 Subject: [PATCH] Document how to customize city map with image maps for geozone districts --- docs/en/customization/images.md | 6 ++++++ docs/es/customization/images.md | 6 ++++++ 2 files changed, 12 insertions(+) diff --git a/docs/en/customization/images.md b/docs/en/customization/images.md index 07edccbae..30f6e6adb 100644 --- a/docs/en/customization/images.md +++ b/docs/en/customization/images.md @@ -9,3 +9,9 @@ If you want to overwrite any image, firstly you need to findout the filename, an * map.jpg * social_media_icon.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`) diff --git a/docs/es/customization/images.md b/docs/es/customization/images.md index 335119627..9e5d163e8 100644 --- a/docs/es/customization/images.md +++ b/docs/es/customization/images.md @@ -9,3 +9,9 @@ Si quieres sobreescribir alguna imagen debes primero fijarte el nombre que tiene * map.jpg * social_media_icon.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`)