Improve custom city map configuration from admin section

[voodoorai2000]

Context

There are two kinds of maps available:

• The OpenStreet map used to geolocate proposals.
• The City Map used for example in the Budget's section to navigate investments

The OpenStreet map is already configurable from the admin section and the City Map is also configurable from admin but it needs some improvements

What

On /admin/geozones:

1. Include help text:

Include an image with the districts or areas of your city and add coordinates to the HTML image map for users to navigate.

You can include this map with <%= render shared/map, new_url_path: custom_path %> in any view.

2. Allow uploading a map image with this help text:

Add a new image to replace the current one

3. Change table header Coordinates to Coordinates of the HTML image map.

4. Display the clickable map image in the admin section

How

Updating texts and preview in /admin/geozones

Notes

You can use free tool https://www.image-map.net/ in order to generate image coordinates.

Screenshots

[IngridWong0715]

Hi @voodoorai2000 ! I'd like to work on the issue if that's okay. Please let me know!

[decabeza]

Of course @IngridWong0715! All yours! 🎉 😌

[javierm]

@IngridWong0715 Are you still working on this issue?

[IngridWong0715]

@javierm No I'm not, sorry for the lack of communication!