2013-02-21 263 views
1

我想嵌入bing地圖到網頁中,它的工作原理,但我想顯示在網頁上的嵌入式地圖圖釘。我可以看到這是不可能的。有誰知道如何做到這一點?嵌入bing地圖 - 圖釘

<div id="mapviewer"><iframe id="map" scrolling="no" width="500" height="400" frameborder="0" src="http://www.bing.com/maps/embed/?v=2&amp;cp=45.810280~15.957222&amp;lvl=4&amp;dir=0&amp;sty=r&amp;cid=AF2FECA12C1AA81D!196&amp;form=LMLTEW&amp;emid=8841ff8b-025d-e5a7-e37f-39b4d31b3b93"></iframe><div id="LME_maplinks" style="line-height:20px;"><a id="LME_largerMap" href="http://www.bing.com/maps/?v=2&amp;cp=45.810280~15.957222&amp;lvl=4&amp;dir=0&amp;sty=r&amp;cid=AF2FECA12C1AA81D!196&amp;form=LMLTEW" target="_blank" style="margin:0 7px">View Larger Map</a><a id="LME_directions" href="http://www.bing.com/maps/?v=2&amp;cp=45.810280~15.957222&amp;lvl=4&amp;dir=0&amp;sty=r&amp;cid=AF2FECA12C1AA81D!196&amp;form=LMLTEW&amp;rtp=%7Epos.45.810279846_15.957221984000004_" target="_blank" style="margin:0 7px">Driving Directions</a></div></div> 

回答

3

您可以使用嵌入的地圖圖釘與 '圖釘' 參數,請參閱MSDN一下:

http://msdn.microsoft.com/en-us/library/ee692180.aspx

下面是一個例子:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html> 
    <head> 
     <title>Embedded Map</title> 
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
    </head> 
    <body style="font-family:Arial"> 
     <p>A simple embedded map.</p> 
     <iframe width="400" height="300" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" 
     src="http://dev.virtualearth.net/embeddedMap/v1/ajax/aerial?zoomLevel=10&center=47.5_-122.5&pushpins=47.5_-122.5"/> 
    </body> 
</html> 

這裏什麼是可用選項的示例:

mapMode
地圖的風格。有效值包括:公路,航空,AerialWithLabels,鳥眼,BirdseyeWithLabels

個zoomLevel 一個int指示地圖風格的有效縮放級別。

中心
兩個雙打由下劃線是的地圖的中心的座標的緯度和經度值分開。

標題
雙指定度數的地圖的方向。

圖釘下劃線是的圖釘的座標的緯度和經度值分離
兩個雙打。多個圖釘位置由〜分開。

文化
有效的文化字符串。默認值是「en-us」。

+0

http://img818.imageshack.us/img818/8863/clipboard01lru.jpg所以我可以傳遞圖釘的座標,但我不能通過數據顯示上面的pushin。請參閱鏈接上的屏幕截圖。 – unarity 2013-02-21 14:42:05

+0

是的,就是這樣,您可以選擇下面的選項。 除此之外,您可以使用Bing地圖網站的URL:http://onlinehelp.microsoft.com/en-us/bing/ff808440.aspx – 2013-02-21 21:41:48

+0

我們如何通過https加載給定的iframe的src url? 我們嘗試將協議更改爲https並添加參數s = 1(https://dev.virtualearth.net/embeddedMap/v1/ajax/aerial?zoomLevel=10¢er=47.5_-122.5&pushpins=47.5_-122.5&s= 1),但內容被阻止。 – Nikitesh 2014-05-05 07:37:41