Demo

LocationBox JavaScript Demos

Overview Window


Instructions

Overview window is a secondary map window that shows an overview of the area that the primary map displays.
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(41.1, 29.1, 6);
    mapper.addNavigationPanel();
    mapper.addOverview();
    return;
  }

  </script>

Do not forget to add the div element for overview window.

  <div id="map" style="border: 1px solid black; width:652px; height:425px;"></div>
  <div id="ow" style="border: 1px solid black; width:160px; height:120px; "></div>
Download working page
Remember that you need to use your key code as Key attribute.