如何使用Google地圖在您的網站上顯示地圖位置

Question

如何使用Google地圖在我的數據庫中顯示加載地圖位置？

比方說，我有我的數據庫3個地址：

1685 Centennial Way Corona California Riverside County 92882 
25492 Centennial Way Corona California Riverside County 92882 
1596 Centennial Way Corona California Riverside County 92882 

他們都有不同的頁面，但我希望他們負載在谷歌的一個iframe的位置映射當用戶點擊該頁面。是否有任何代碼可以幫助我實現這一點，而無需手動嵌入谷歌地圖網站的iframe代碼？

<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=1685+Centennial+Way+Corona+California+Riverside+County+92882&amp;aq=&amp;sll=37.0625,-95.677068&amp;sspn=42.089199,86.044922&amp;ie=UTF8&amp;hq=&amp;hnear=1685+Centennial+Way,+Corona,+Riverside,+California+92882&amp;t=m&amp;z=14&amp;ll=33.858119,-117.598538&amp;output=embed"></iframe><br /><small><a href="https://maps.google.com/maps?f=q&amp;source=embed&amp;hl=en&amp;geocode=&amp;q=1685+Centennial+Way+Corona+California+Riverside+County+92882&amp;aq=&amp;sll=37.0625,-95.677068&amp;sspn=42.089199,86.044922&amp;ie=UTF8&amp;hq=&amp;hnear=1685+Centennial+Way,+Corona,+Riverside,+California+92882&amp;t=m&amp;z=14&amp;ll=33.858119,-117.598538" style="color:#0000FF;text-align:left">View Larger Map</a></small> 

從我的網站生成所有這些值，以消除手動從谷歌地圖獲取代碼的需要。

Answer 1

在谷歌地圖中，​​有一個鏈接按鈕（看起來像一個鏈），它爲您提供搜索到的位置的iframe的HTML。

例如，對於你的第一個例子，其計算方法如下（插入可讀性換行）：

<iframe width="425" height="350" frameborder="0" 
scrolling="no" marginheight="0" marginwidth="0" 
src="https://maps.google.com/maps? 
f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp; 
q=1685+Centennial+Way+Corona+California+Riverside+County+92882&amp; 
aq=&amp;sll=37.0625,-95.677068&amp;sspn=53.87374,114.082031&amp; 
ie=UTF8&amp;hq=&amp;hnear=1685+Centennial+Way,+Corona,+Riverside,+California+92882&amp; 
t=m&amp;z=14&amp;ll=33.858119,-117.598538&amp;output=embed"> 
</iframe> 

的GPS數據是不必要在這裏，所以你可以把它：

<iframe width="425" height="350" frameborder="0" 
scrolling="no" marginheight="0" marginwidth="0" 
src="https://maps.google.com/maps? 
f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp; 
q=1685+Centennial+Way+Corona+California+Riverside+County+92882&amp; 
ie=UTF8&amp;hnear=1685+Centennial+Way,+Corona,+Riverside,+California+92882&amp; 
t=m&amp;output=embed"> 
</iframe> 

鏈接的版本，如果必要的話，是一樣的，除了沒有逃脫& S（&）：

https://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=1685+Centennial+Way+Corona+California+Riverside+County+92882&aq=&ie=UTF8&hq=&hnear=1685+Centennial+Way,+Corona,+Riverside,+California+92882 

然後，您可以使用您選擇的腳本語言將地址組件替換爲相關的地址組件（並對其進行正確的URL編碼）。