Oracle Maps example - Updaing FOIs with new location, rendering style and marker image

Instructions

Source code

  var baseURL = "http://"+document.location.host+"/mapviewer";
  var mapview;
  var foi1, foi2, foi3;
  function showMap()
  { 
    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);    
    var mpoint1 = MVSdoGeometry.createPoint( -122.58,37.8, 8307);
    foi1 = MVFOI.createMarkerFOI("1", mpoint1, "images/circle.gif", 62, 61);
    mapview.addFOI(foi1);
    
    mpoint1 = MVSdoGeometry.createPoint( -122.62,37.78, 8307);
    foi2 = MVFOI.createMarkerFOI("2", mpoint1, "images/small_circle.png",10,10);
    mapview.addFOI(foi2);
    
    mpoint1 = MVSdoGeometry.createPoint( -122.5,37.78, 8307);
    foi3 = new MVFOI("3", mpoint1, "mvdemo.m.circle", null, 40,40);
    mapview.addFOI(foi3);
    
    mapview.display();                                        
  }
  
  function changeFOIImage()
  { 
  
    foi1.updateImageURL("images/small_circle.png",10,10);  
  
  }

  function changeFOIGeometry()
  { 
  
    foi1.updateGeometry(MVSdoGeometry.createPoint( -122.58,37.78, 8307));  
  
  }
  
  function changeFOIStyle()
  { 
  
    foi3.setRenderingStyle("mvdemo.m.star");  
    foi3.setWidth(20);
    foi3.setHeight(20);
    foi3.reDraw();
  
  }
  
  function getFOIGeometry()
  {
  
    alert(foi1.getGeometry()) ;
  
  }