Creating a Custom Google Map with Custom interactions linked to a database.

Ask the community
, ,
1

Hi all,

I know the title sounds complicated, but I’m not sure how to easily describe the issue. I want to have an interactive map search for my website where the markers are locations from a database collection that have a custom text appearance. I also would like to have a info box pop up when a user clicks on one of the markers that can display an image and important info about the location using custom text from the same database.

Basically, I want to replicate what an Expedia or Booking.com does with their interactive map search features.

I know through the maps API I can create a custom map to be displayed in an HTML element, but it seems that I can’t link the location data from my database to the map to display.

I’ve attached a photo of the way it shows on Expedia for reference.

Any help would be amazing! Thank you!!

2880×1626 1.35 MB

2

Have you already looked at the Google Maps example from this forum?
Example: Multiple Markers Google Maps

3

I have and was able to get step 1 (having the markers draw from database) working! Thank you!

Step 2 is where I’m stuck now…
having a custom box with custom text and image show up when I click on a marker. Any thoughts?

4

I’m also stuck at step 2