Adding Map to company page - Githubissues

wuwanahq / wuwana2

🇪🇺 Wuwana v2 - A webapp to help users find local suppliers in Spain.

Mozilla Public License 2.0

2 stars 2 forks source link

Adding Map to company page #36

Closed levogirar closed 3 years ago

levogirar commented 3 years ago

Description

We want to add a map to the company profile. The map should do the following:

Indicate the location of the company.
Show the logo of the company.
The user should be able to move around the map to have more context.
Show name of cities and regions when zooming in and out.
Prevent other companies from showing on the map.
Easy link to Google Maps website
Optional: show the company name and address on the map.

Solution preference

Affordable (if free better)
Easy to customize looks

Inspitration

Screen Shot 2020-11-13 at 12 55 57

Screen Shot 2020-11-13 at 12 56 41

Screen Shot 2020-11-13 at 12 58 07

Screen Shot 2020-11-13 at 12 59 40

Possible solutions

Google Maps: https://cloud.google.com/maps-platform/
Open Street Map:
Mapbox: https://www.mapbox.com
Open Layers: https://openlayers.org
Leafletjs: https://leafletjs.com/index.html

Resource

https://stackshare.io/google-maps/alternatives

levogirar commented 3 years ago

We created 2 branches: one for Google Maps iframe and one using Leaflet.JS. Google Maps is easier and simpler, whereas LeafletJS is more customizable.