如何在bing地圖信息框中創建一個按鈕？

Question

我正在使用基於bing map的應用程序。我想在彈出的圖釘信息框中顯示按鈕，其中計劃關聯點擊事件。

Answer 1

看信息框的HtmlContent屬性。您可以通過此屬性爲Infobox的內容提供自定義HTML。至於如何關聯點擊事件，這取決於你想要做什麼。看看jQuery的.live（）或其新的等價物（.on（）我認爲），看看它是否能滿足你的需求。

Answer 2

簡單的方法是使用bing提供的功能。 信息框中包含一些文本和兩個按鈕的示例。

var infoboxOptions = { 
    title:'Infobox Title', 
    actions: [ 
      {label: 'This is a button', eventHandler: btn1Handler}, 
      {label: '<div style = "color:green"', eventHandler: btn2Handler},] 
}; 

「title」只是信息框中的文本標題。

「行動」包含兩個屬性：

1. 標籤 - 在這裏你可以把按鈕的文字或者一些HTML和CSS。
2. eventHandler - 回調函數，該函數將處理按鈕上的點擊 。

創建信息框本身，通過它的位置和我們剛剛創建的「信息框選項」。

var defaultInfobox = new Microsoft.Maps.Infobox(Location, infoboxOptions); 

將信息框添加到地圖。

map.entities.push(defaultInfobox); 

我們創建了兩個點擊處理函數，就像我們在「actions」屬性中提供的一樣。

function btn1Handler() 
{ 
    //Do your stuff. 
} 

function btn2Handler() 
{ 
    //Do your stuff. 
}