Databases
StackOverflow2013
Postsdbo
POhow to display a map location from your website using google maps
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POhow to display a map location from your website using google maps
    text
    copied!<p>How do I display map locations on load from my database using google maps?</p> <p>Let's say I have 3 addresses from my database:</p> <pre><code>1685 Centennial Way Corona California Riverside County 92882 25492 Centennial Way Corona California Riverside County 92882 1596 Centennial Way Corona California Riverside County 92882 </code></pre> <p>They all have different pages, but I want them to <strong>load the location in an iframe of google maps</strong> when the user clicks the page. Is there any code that can help me to achieve that without manually embedding the iframe code from google maps website?</p> <pre><code> &lt;iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?f=q&amp;amp;source=s_q&amp;amp;hl=en&amp;amp;geocode=&amp;amp;q=1685+Centennial+Way+Corona+California+Riverside+County+92882&amp;amp;aq=&amp;amp;sll=37.0625,-95.677068&amp;amp;sspn=42.089199,86.044922&amp;amp;ie=UTF8&amp;amp;hq=&amp;amp;hnear=1685+Centennial+Way,+Corona,+Riverside,+California+92882&amp;amp;t=m&amp;amp;z=14&amp;amp;ll=33.858119,-117.598538&amp;amp;output=embed"&gt;&lt;/iframe&gt;&lt;br /&gt;&lt;small&gt;&lt;a href="https://maps.google.com/maps?f=q&amp;amp;source=embed&amp;amp;hl=en&amp;amp;geocode=&amp;amp;q=1685+Centennial+Way+Corona+California+Riverside+County+92882&amp;amp;aq=&amp;amp;sll=37.0625,-95.677068&amp;amp;sspn=42.089199,86.044922&amp;amp;ie=UTF8&amp;amp;hq=&amp;amp;hnear=1685+Centennial+Way,+Corona,+Riverside,+California+92882&amp;amp;t=m&amp;amp;z=14&amp;amp;ll=33.858119,-117.598538" style="color:#0000FF;text-align:left"&gt;View Larger Map&lt;/a&gt;&lt;/small&gt; </code></pre> <p>Generate all these values from my website to eliminate the need to manually get the code from google maps.</p>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload