Custom Overview Map

This example shows different operations of overview map such as add,hide,show and also remove. You can also drag the overview map within map div region.

Add Overview Map

   var overviewMapCtrl = null;
   function addOverviewMap()
   {
      var omOpts = new AGOverviewMapOptions();
      omOpts.size = new AGSize(120,120);
      omOpts.draggable = true;
      omOpts.backgroundColour = "#B4CACB";
      omOpts.viewportColour = "blue";
      omOpts.viewportOpacity = 0.3;
      omOpts.zoomDifference = 3;
      overviewMapCtrl = new AGOverviewMapControl(omOpts);
      agmap.addControl(overviewMapCtrl);
   }

Remove Overview Map

   agmap.removeControl(overviewMapCtrl);

Show/Hide Overview Map

   overviewMapCtrl.show();
	
   overviewMapCtrl.hide();