How to build iframe Google map link from address?

Question

0.00/5 (No votes)

See more:

I'm listing businesses on my site, that gets auto displayed by the data the users submitted and sent to my database. The question is, how to build an iframe google map link to display the current business's location?

<div id="data"><div id="list">
    <p class="county">County:<?php echo $data['county']??''; ?></p>
    <p>City: <?php echo $data['city']??''; ?> <?php echo $data['post']??''; ?></p>
    <p>Phone: <?php echo $data['phone']??''; ?></p>
    <p>EMAIL: <?php echo $data['email']??''; ?></p>
    <p class="brand">Brand:<?php echo $data['brand']??''; ?></p>
</div>

What I have tried:

I was thinking about something like this:

<iframe src="https://www.google.com/maps/search/?api=1&'<?php echo $data['post']??''; ?>'+'<?php echo $data['city']??''; ?>'+'<?php echo $data['street']??''; ?>'+'<?php echo $data['number']??''; ?>'"></iframe>

Any help would be appreciated!

Posted 6-Mar-23 0:31am

István Balogh

Updated 6-Mar-23 0:54am

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Richard Deeming · Answer 1 · 2023-03-06T00:54:00

You can't embed the maps in an iframe directly; you would need to obtain an API key and use the Google Maps API:
Google Maps Platform | Google Developers[^]

Based on my own experience, you will need to add a payment method to your account so that they can bill you if your usage exceeds the limits of the free tier.

There's also a "Maps Static API" for simpler integrations:
Overview | Maps Static API | Google Developers[^]

You still need to create an account and add a payment method to use that.

There are free alternatives which you can embed without setting up an account - for example: OpenStreetMap[^]