Oracle Maps example - custom FOI marker image

Instructions

Source code

  var mapview;
  
  function showMap()
  {	
    var mapCenterLon = -122.45;
    var mapCenterLat =  37.75;
    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();              
    
    addFOI();
    
  }
  
  
  function addFOI()
  {	
    var mpoint1 = MVSdoGeometry.createPoint( -122.58,37.8, 8307);
    var mfoi1 = MVFOI.createMarkerFOI("1", mpoint1, "images/circle.gif", 62, 61);
    mfoi1.setHTMLElement("#1",20,20);
    mapview.addFOI(mfoi1);
    
    var mpoint2 = MVSdoGeometry.createPoint(-122.34,37.7,8307);
    var mfoi2 = MVFOI.createMarkerFOI("2",mpoint2,"images/baseball.gif",28,28);
    mfoi2.setInfoWindow("<img src=\"http://www.oracle.com/admin/images/ocom/oralogo_small.gif\"></p>oracle",300, 150); 
    mfoi2.enableInfoTip(false);
    mapview.addFOI(mfoi2);
    
    var mpoint3 = MVSdoGeometry.createPoint(-122.54,37.78,8307);
    var mfoi3 = MVFOI.createMarkerFOI("3",mpoint3,"images/small_circle.png",10,10);  
    mapview.addFOI(mfoi3);
  }