Demo

LocationBox JavaScript Demos

Info Window

Show Info Window:  

©2020 Infotech
Instructions

Use the "Show Info Window" button to display the predefined info window. Use html tags to format info window content and create custom info windows.
See the JavaScript API for more information.

Source Code

The Javascript code for the above map is:

 <script language="Javascript" 
    src="http://www.locationbox.com.tr/locationbox/services?Key=key&Cmd=API
    &Typ=JS"></script>
    
  <script language="JavaScript">
  var mapper  = new IMapper();

  function startup() {
    mapper.initMap(40.9686, 29.1005, 17);
    mapper.addNavigationPanel();
    return;
  }

  function display() {
   var html = '';
   html += '<table>';
   html += '<tr><td>Company: </td><td>Infotech</td></tr>';
   html += '<tr><td>Address: </td><td>Şehit İlknur Keleş Sok. Dural Plaza Kozyatağı</td></tr>';
   html += '<tr><td>Tel No: </td><td>+90 216 362 0500</td></tr>';
   html += '</table>';
   mapper.displayInfoWindow(40.9686, 29.1005, html, 350, 100, "INFOTECH");
   return;
  } 
  
  </script>

Button:

    <a href="javascript:display()"><img src="images/add.gif" border=0></a>
Download working page
Remember that you need to use your key code as Key attribute.