如何在bing map信息框内创建一个按钮？

Question

正在开发基于bing map的应用程序。我想在popup图钉信息框中显示按钮，计划关联点击事件。

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”只是信息框中的文字标题。

“action”包含两个属性：

1. label - 您可以在哪里放置文本或按钮的html和CSS。
2. eventHandler - 回调将处理点击的函数 在按钮上。

创建信息框本身，传递其位置和我们刚创建的“infoboxOptions”。

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

将信息框添加到地图中。

 map.entities.push(defaultInfobox);

我们在“actions”属性中提供了两个单击句柄功能。

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

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