javascript - 如何在必应地图信息框中创建一个按钮？

Question

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

Answer 1

查看信息框的HtmlContent属性。您可以通过此属性为信息框的内容提供自定义 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},]  
 }; 

“标题”只是信息框中的文本标题。

“动作”包含两个属性：

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.
}