[英]How to insert interactive map?
我正在嘗試在我的網站中使用GoogleMap:
function InsertMap()
{
var map;
var op = {
zoom: 10,
center: new google.maps.LatLng(-34.397, 150.644),
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById('id'), op);
}
我在按鈕單擊事件上調用此函數。 但是我的問題是,它插入靜態地圖(單個圖像)而不是交互式地圖。 我嘗試了一個IsStaticMap : false
也IsStaticMap : false
但它不起作用,當我這樣做時,它既不顯示靜態也不顯示交互式。 幫幫我 !
有一個使用jQuery的實現可能會對您有所幫助。 包含源代碼和演示!
這是我通常使用的,效果很好! 您可以根據需要進行編輯。
<iframe
width="425"
height="350"
frameborder="0"
scrolling="no"
marginheight="0"
marginwidth="0"
src="http://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=San%2BFrancisco%2C%2BCalifornia(HEY%21)@37.774930,-122.419416&ie=UTF8&z=12&t=m&iwloc=addr&output=embed">
</iframe>
<br>
<table
width="425"
cellpadding="0"
cellspacing="0"
border="0">
<tr>
<td align="left">
<small><a href="http://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=San%2BFrancisco%2C%2BCalifornia(HEY%21)@37.774930,-122.419416&ie=UTF8&z=12&t=m&iwloc=addr">View Larger Map</a></small></td><td align="right"><small><a href="http://www.github.com/dtx">my git!</a></small></td></tr>
</table>
</div>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.