Setting mouse cursor style

Oracle Maps example - setting mouse cursor style

Move mouse around to see how the mouse cursor changes.

Instructions

This demo shows how to set the mouse cursor style used when the mouse is over the map, over a Theme based FOI layer, over a user defined FOI and over a map decoration object.

Source code

Here is the JavaScript code for the above map.

  var mapview;
  
  function on_load_mapview() 
  { 
    var baseURL  = "http://"+document.location.host+"/mapviewer";
    var mapCenterLon = -122.45;
    var mapCenterLat =  37.7706;
    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.setMouseCursorStyle("crosshair", "default") ;
    mapview.setMouseCursorStyle("pointer", "dragging") ;
    
    
    var themebasedfoi = new MVThemeBasedFOI('themebasedfoi1','mvdemo.customers');
    
    themebasedfoi.setMouseCursorStyle("help") ;
    
    mapview.addThemeBasedFOI(themebasedfoi);
          
    var md= new MVMapDecoration("",0.1, 0.1,20,5);
    
    md.setMouseCursorStyle("text");
    
    mapview.addMapDecoration(md);
    
    var foi = MVFOI.createMarkerFOI("2", MVSdoGeometry.createPoint(-122.45,37.77,8307), "images/baseball.gif",28,28);
    
    foi.setMouseCursorStyle("move") ;
    
    mapview.addFOI(foi);
    
    mapview.display();
  }

This is how the removeThemeBasedFOI() is invoked when you click the link above.

Name of the Theme Based FOI layer: <input id="themebasedfoiName" type=text value="themebasedfoi1">
<a href="javascript:removeThemeBasedFOI()">click here to remove it from the map</a>