Oracle Maps example - custom info window


Instructions

This demo shows how to set custom contents (which can be arbitrary HTML code) to be displayed inside an info window. In this case the content is the Oracle company logo.

Source code

The JavaScript source code for this demo is listed below.
  var mapview;
  
  function showMap()
  {	
    var baseURL  = "http://"+document.location.host+"/mapviewer";
    var mapCenterLon = -122.45;
    var mapCenterLat =  37.6706;
    var mapZoom      =  4;  
    var mpoint = MVSdoGeometry.createPoint(mapCenterLon,mapCenterLat,8307);
    mapview = new MVMapView(document.getElementById("map"), baseURL);
    mapview.addMapTileLayer(new MVMapTileLayer("mvdemo.demo_map"));   
    mapview.setCenter(mpoint);   
    mapview.setZoomLevel(mapZoom);
    
    mapview.display();  			
    
    displayInfoWindow();
    
  }
  
  function displayInfoWindow() 
  {	
    var mpoint = MVSdoGeometry.createPoint (-122.4, 37.68,8301);
    var mpoint1 = mapview.transformGeom(mpoint, mapview.getSrid());
    mapview.displayInfoWindow(mpoint1, "<img src=\"http://www.oracle.com/admin/images/ocom/oralogo_small.gif\">"); 
  }