網頁中怎么嵌入谷歌動態地圖

1、   首先打開谷歌地圖首頁：http://ditu.google.cn

輸入網點中心名稱（例如：北京科學院南路投資理財中心），點擊搜索地圖。

 

2、  選中所查詢的理財中心對應的精確位置，點擊分享鏈接

 

 

3、  點擊‘自定義並預覽內嵌的地圖’

 

 

 

4、  地圖大小選中[自定義]，填寫合適的地圖大小。將[請復制此HTML並將其粘貼嵌入到您的網站上]中的代碼復制到一個html文件中，就可以看到效果了。

 

 

5、  如果要動態實現根據不同的地點顯示對應的地圖，那么仔細觀察[請復制此HTML並將其粘貼嵌入到您的網站上]中的代碼，找到href，粘貼href雙引號里面的全部內容，保存在對應的地點信息中，以后查詢此信息動態顯示到網頁href中去即可。

 

 

6、  我們開發的時候是將地圖動態嵌套在jsp里，此時遇到一個問題，就是用c:out標簽動態賦予src及href值時，顯示出來的結果總是不對，這是因為它 把url里的碼都解了，例如：&，直接解析成&了。所以要加上一個選項escapeXml='false'。

Html代碼 

1. <div class="c_p_b_a r">  
2.   
3. <iframe width="362" height="210" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="<c:out value='${finCenter.add}&output=embed' escapeXml='false'/>">  
4.   
5.     </iframe><br />  
6.   
7.   
8.     <small>  
9.   
10.             <a href="& lt;c:out value='${finCenter.add}'/& gt;" escapeXml='false' style="color:#0000FF;text- align:left" target="_blank">查看大圖</a>  
11.   
12.     </small>  
13.   
14. </div>