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.
3-Month Social Media Scheduler Category: ChatGPT, Content Creation, Content Strategy, Digital Marketing, Facebook Marketing, Graphic Design, Instagram Marketing, PHP, Social Media Management, Social Media Marketing Budget: $30 - $250 USD
08-Sep-2025 03:59 GMT
3D Event Logo Animation Category: 3D Animation, 3D Modelling, 3D Rendering, After Effects, Animation, Blender, Cinema 4D, Logo Animation, Maya, Visual Effects Budget: $10 - $30 AUD
08-Sep-2025 03:58 GMT
Ionic - Add Video Editor Category: Android, Android App Development, App Development, Ionic Framework, IOS Development, Mobile App Development Budget: $30 - $250 USD
Minimalist Tripflix Logo Design Category: Adobe Illustrator, Photoshop, AI Design, Branding, Graphic Design, Illustration, Logo Design Budget: ₹1500 - ₹12500 INR
08-Sep-2025 03:55 GMT
Ergonomic Design for Automated Lab Instrument Category: Automation, CAD / CAM, Electrical Engineering, Electronics, Industrial Design, Product Design, User Experience Research, User Interface / IA Budget: ₹1500 - ₹12500 INR
08-Sep-2025 03:55 GMT
E-commerce Website Development Category: CMS, ECommerce, HTML, Payment Processing, PHP, Web Design, Web Development Budget: ₹600 - ₹1500 INR
08-Sep-2025 03:53 GMT
Public Expense Tracker Website Category: API Development, Chart.js, Data Visualization, HTML, JavaScript, JQuery / Prototype, PHP, Web Development Budget: ₹600 - ₹1500 INR
Playful Crossword Puzzle Game Development Category: Game Design, Game Testing, Graphic Design, IPhone, Mobile App Development, UI / User Interface, UX / User Experience, Web Development Budget: ₹1500 - ₹12500 INR
