I already have my registered API key for Google's Map API products. I have attempted to create a page wherein the map will show two different colors of markers (pins) with each color representing a set of addresses dynamically generated from a database table of addresses. The addresses are street address, city, state, zip (all in the US). The geocode API should convert them to the longitude and latitude values first and then provide that to the Google Maps API to show as markers on the map.
The key will then be that those markers should be "hovered" and reveal meta data that I want to also have available in the database query about that particular location. So, for example, I hover over the marker with a mouse and it shows a dollar value of business that marker has generated. And if you CLICK the marker, it would show a hidden div below the map with all the data about that marker.
I have no issue doing the data queries on the mysql table, I'm just not having any success getting the dynamic addresses to fetch the markers and display them on the map.
I'm so close to it working but need help. I want the ability to have the second set of markers displayed in a different color from a separate data pull but both showing at the same time.
Ideally, it would also have a legend below the map showing what each color marker has for identification. So a list of each pin's details like the name of the business and city, state. I could click that legend to see the hidden div appear or the pin on the map to see the hidden div appear with the details of the business.
I'd like to see a working page on your own server with a ColdFusion/Javascript script that I could simply modify to add to my server by changing out the API KEY. I want to see how the CFQUERY statement results are added to the API call to the geocode api etc. Basically, I want the deliverables to be the entire script in one file with you advising what I need to modify to make it work on my domain.
Full-Stack Developer for Online Services Category: Data Analytics, DevOps, Full Stack Development, JavaScript, MERN, MongoDB, Node.js, React.js Budget: $500 - $5000 USD
12-Aug-2025 16:03 GMT
YouTube Video Creation Category: Content Creation, Creative Writing, Social Media Marketing, Video Editing, Video Production, Video Services, Videography, YouTube Video Editing Budget: ₹600 - ₹1500 INR
12-Aug-2025 16:03 GMT
Tech Company Logo Design Category: Creative Design, Digital Art, Graphic Design, Image Processing, Photo Editing, Photoshop, Photoshop Design, Visual Design Budget: $250 - $750 USD
12-Aug-2025 16:02 GMT
Wedding Video Editing Category: A / V Editing, After Effects, Animation, Instagram Marketing, Video Editing, Video Post Editing, Video Production, Video Services Budget: €30 - €250 EUR
12-Aug-2025 16:02 GMT
E-book Sales and Marketing Specialist’s Category: Content Creation, Content Marketing, Copywriting, Digital Marketing, Email Marketing, Graphic Design, Instagram Marketing, Marketing Strategy, SEO, Social Media Marketing Budget: £250 - £750 GBP
12-Aug-2025 16:02 GMT
Cinematic Wedding Video Editing Category: Adobe Premiere Pro, After Effects, Final Cut Pro, Video Editing, Video Post Editing, Video Processing, Video Production, Video Services Budget: ₹12500 - ₹37500 INR
