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.
NEED PROFESSIONAL PDF Category: Adobe Creative Cloud, Adobe Illustrator, Adobe InDesign, Photoshop, Article Writing, Content Writing, Copywriting, Graphic Design, PDF, Resumes Budget: ₹600 - ₹1500 INR
09 Nov 2025 23:02 GMT
N Gauge Industrial Scenery Specialist Category: 3D Animation, 3D Design, 3D Graphic Design, 3D Modelling, 3D Printing, 3D Rendering, 3D Visualization, Construction, Design, Mechanical Engineering Budget: £10 - £20 GBP
Social Media & Mini Website Build Category: Content Creation, Digital Marketing, Graphic Design, HTML, Instagram Marketing, PHP, Social Media Management, Web Design, WordPress Budget: ₹600 - ₹1500 INR
09 Nov 2025 22:54 GMT
Mobile Game Seribu Rupiah Category: 2D Game Art, Android, Game Design, Godot, IPhone, Mobile App Development, Unity, Unity 3D Budget: $250 - $750 USD
Enhance Existing PHP Website Category: Backend Development, CSS, Frontend Development, HTML, Performance Tuning, PHP, User Experience Research, Web Application, Web Design, Website Management Budget: ₹1500 - ₹12500 INR
09 Nov 2025 22:51 GMT
Smooth 360 Travel Reel Edit Category: 360 Degree Video, Adobe Premiere Pro, After Effects, Final Cut Pro, Video Editing, Video Post Editing, Video Production, Videography Budget: $10 - $30 CAD
