Put either a dropdown control or radiobuttons inside the infobox RRS feed

  • Question

  • Hi -

    I have a map populated with pins and each pin has an infobox assosciated with it.  I have also attached an event inside the infobox, via "action" property of the infobox mentioned here .  The attached event allows the user to drw a circle around the selected property with a radius of 5 mile.  What I wasnt is to either have a dropdown or a list of radiobuttons that will allow the user to draw a circle for more than 5mile as in the list will say 5, 10, 15, etc...  Is there a way to put some sort of control inside the infobox so I can achieve this or should I just take this control out and put it on the page itself rather than putting it inside an infobox.

    Thanks in advance.


    • Moved by Ricky_Brundritt Friday, March 16, 2012 6:52 PM (From:Bing Maps: Map Control and Web services Development)
    Tuesday, March 6, 2012 2:01 PM


  • You can try using htmlContent property as Try below snippet:

    var html = '<div id="infoboxText" style="background-color:White; border-style:solid;border-width:medium; border-color:DarkOrange; min-height:100px;width:240px;"><b id="infoboxTitle" style="position:absolute; top:10px; left:10px; width:220px;">myTitle</b><br><br><INPUT TYPE=RADIO NAME="S" VALUE="S">small<BR><INPUT TYPE=RADIO NAME="M" VALUE="M">medium<BR><INPUT TYPE=RADIO NAME="L" VALUE="L">large<P></div>';
    var infoboxOptions = {htmlContent: html};
    var defaultInfobox = new Microsoft.Maps.Infobox(map.getCenter(), infoboxOptions );   

    Hemant Goyal

    • Marked as answer by Desi Gunda Wednesday, March 7, 2012 2:04 PM
    Tuesday, March 6, 2012 8:45 PM