Streaming live at 10am (PST)

Can i use Multiple Map Locations with CMS?


#1

Hi,

I'm building a website about touristic locations and i need to use the CMS to insert/edit all the locations.
I know the map widget don't support more than 1 location, but now that we have the Dynamic embed, do anyone know a way i can use some some map service like Google or MAPBOX, etc with the dynamic embed?

Practical case: i have a collections of places that have a longitude and latitude, and when i open the restaurant page, a map shows with all the places that i have on the CMS database, is that possible?

  • Yes, I really need this feature!
  • No, I feel that this is not as important as other items on the wishlist.

0voters

Votes are public.


Store Locator Embed
Creating a map that uses a collection to display multiple locations
#2

I would also like help implementing multiple map locations.

Currently I can embed GoogleMaps and create multiple locations but I cannot link this function with the CMS.


#3

@Scott_Van_Zandt exactly my point, the problem is not making a map with multiple locations, that's the easy part, the problem is managing the points with the CMS.


#4

My temporary fix is to set-up the client with a map that is embedded in the website. Then, I let them edit the points of the map on Google Maps, which automatically updates the site.

Not as great as the CMS but.. it works.


#5

Hey @Rui_Almeida

You will want to use the Google Maps Embed API to get this to work.

I wrote a trips and tricks post on this a couple of days ago.

http://forum.webflow.com/t/dynamic-google-maps/26418

You might need to explore the documentation more to get exactly what you want but the post should get you on your way.

:slightly_smiling:


#6

Hi @AlexN,

Nice work with the Dynamic Google Maps but what you have is for 1 locations and i need Dynamic Multiple Locations.
But i'm going to try to use your logic and see if i can pull this out, nice work, tks :slightly_smiling:


#7

you will probably have to setup a google api account - (but it may not cost you anything - depending on the site and how many requests there are)


#8

Yep, i know, but the problem is managing multiple spots on the CMS.


#9

I just checked out the 'example' they gave re: housing details.

I'm sure there isn't anything like a 'proximity' detection or a way to do this with webflow directly.
but making a list doesn't seem to be very difficult.
(show locations in (selected province).. or city)

what problem are you having?


#10

Let me give a example.

I have a collection of hotels, and I have a colections of places like New York, LA, Washington etc.

Doing the detail page for one place it's easy, my problem is doing the page for: show me all hotels in New York.

This page will show all the "x" locations on a single map of all the hotels in a specific category, in this case New York.

How do I show a single map with multiple locations with data coming from the CMS and not manually from google maps, that's my problem.


#11

I understand.
You will need to know Java/Jquery in order to add a plugin i think.

search google for 'multi point google map api' and adapt one that allows you to access the embed script..
probably looking for a FOR loop to run through the plot points
and you can do all sorts of cool things with the locations.. like adding (dynamically) phone number, different icons for markers, and a bunch of stuff..

BUT ONLY if webflow allows jquery/java embed to function.

I had a quick search and found this..

unfortunately I do not know enough java/jquery to give this all a try and definitively say, "YES" you can do it.
But i think the possibility certainly exists to use something that is already built.
OR to build it yourself of course.

As far as it being easy..
the only way I could think of doing it EASY would be to use a completely STATIC map (doesn't move or zoom)
and then overlap the generated points on that same map. (then somehow force the map point markers z-index to 9999999 so that they are all on top - the same map overlapping but the markers all on top)
but I seriously doubt that would work for many reasons.


#12

whooo, tks man, thats actually a great help. I will have to hire a Javascript guy to do that, but i think what you say is logical.
Again, tks... i was looking for this for a long time.


#13

Well, i have been testing and displaying one page with one locations it´s easy.

The problem is like you say, i will have to make a background map with no move or zoom, well... it will not work.
Does anyone have another solution?


#14

I know that "Complex Google map" with many locations on it can be created by connceting spreadsheet to it. So every time you add new address to connected spreadsheet document it will appear on the map. Only thing is that there is no big freedom in styling google maps.


#15

Hi @sabanna , tks for your feedback but what exactly you mean with by connecting spreadsheet to it?


#16
  • Go to "May maps" from Google maps.
  • Create new map.
  • There is option "Add layer". When you click on it, it will give you the option "Import data from Google spreadsheet".
  • When you add link to the shared spreadsheet with addresses it will show all addresses on one map.

#17

Ooohhhh ok, got it, but this a manual mode, every new spot that I inset on the CMS I will have to insert it on the google maps.
I need a dynamic solutions that gets the data from the CMS.


#18

Not on Google maps, but in the spreadsheet.

You may try to use some special form on the site for insert new address, then connect that form to Zapier which will send info to the spreadsheet. But, I never tried it on practice. :confused:

Simply pull that data from CMS items... I don't know how to do this


#19

@PixelGeek @cyberdave @Waldo @thesergie @brryant @callmevlad

Any way i can pull this out?

P.S. - Sorry for calling all the webflow staff, but this is crucial for my project.


#20

Hey @Rui_Almeida have you already tried using the Rich Text Element with Maps? Maybe have a data-field for each map location and use Rich Text field type for each of the data fields?