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-Time Video & Graphics Creator -- 2 Category: Adobe Illustrator, Photoshop, Adobe Premiere Pro, Graphic Design, Motion Graphics, Video Editing, Video Production, Video Services Budget: $10 - $30 USD
11-Sep-2025 10:03 GMT
University Business Assignment Help Category: Business Analysis, Business Consulting, Business Development, Business Plan Writing, Business Plans, Business Strategy, Business Writing, Entrepreneurship, Market Research, Research Writing Budget: $30 - $250 USD
11-Sep-2025 10:02 GMT
Fashion & Modeling SEO Blog Writing Category: Article Rewriting, Article Writing, Blog, Blog Writing, Fashion Writing, SEO, SEO Writing, WordPress Budget: ₹1500 - ₹12500 INR
11-Sep-2025 10:02 GMT
Italian Instagram Growth Specialist Category: Content Creation, Content Strategy, Instagram, Instagram Marketing, Social Media Management, Social Media Marketing, Video Editing, Videography Budget: €250 - €750 EUR
11-Sep-2025 10:01 GMT
Modern Dine-In Menu Design Category: Adobe Illustrator, Adobe InDesign, Branding, Brochure Design, Creative Design, Graphic Design, Logo Design, Menu Design, Print Design, Typography Budget: ₹1500 - ₹12500 INR
11-Sep-2025 10:01 GMT
Automate Google Sheets Budget Reports Category: Automation, Data Analysis, Data Entry, Data Management, Data Processing, Data Visualization, Google Sheets, Scripting, Visual Basic Budget: $30 - $250 NZD
11-Sep-2025 10:00 GMT
Complete WooCommerce Elementor Website Category: Elementor, HTML, PHP, UI / User Interface, UX / User Experience, Web Design, Web Development, WooCommerce, WordPress Budget: $250 - $750 AUD
