Le portail francophone de la géomatique

    
    MousePosition Control

 
html {
  height: 100%;
}
body {
  height: 100%;
  margin: 0;
  padding: 0;
}

.bouton
{
    color:#0000ff;
    font-size:24px;
    cursor:pointer;
}
.bouton:hover
{
    text-decoration:underline;
}
.texte
{
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
    height: 100%;
    overflow-y: hidden !important;
    padding: 30px;
    position: absolute;
    right: 0;
    transition: right 0.6s ease 0s;
    width: 25%;
    z-index: 18;
}

    
        var map;
        function init(){
            var map = new OpenLayers.Map('map');
            var proj4326 = new OpenLayers.Projection("EPSG:4326");
            var projmerc = new OpenLayers.Projection("EPSG:900913");
      map.addLayer(new OpenLayers.Layer.OSM());
            var layerOSM = new OpenLayers.Layer.OSM("Street Map");

      //epsg4326 =  new OpenLayers.Projection("EPSG:4326"); //WGS 1984 projection
      //projectTo = map.getProjectionObject(); //The map projection (Spherical Mercator)

      var lonLat = new OpenLayers.LonLat( 6.8627090,47.6382612 ).transform(proj4326, projmerc);
      
      var zoom=14;
      map.setCenter (lonLat, zoom);                
      
            map.addLayers([layerOSM]);
            if (!map.getCenter()) map.zoomToMaxExtent();
            map.events.register("mousemove", map, function(e) { 
                var lonlatTransf = lonlat.transform(map.getProjectionObject(), proj4326);
                OpenLayers.Util.getElement("lonlatTrans").innerHTML = 'lonlatTransf => '+lonlatTransf;
            });

            map.events.register("click", map, function(e) {
                var position = this.events.getMousePosition(e);
                var icon = new OpenLayers.Icon('img/picto/dome.png');   
                var lonlat = map.getLonLatFromPixel(position);
                var lonlatTransf = lonlat.transform(map.getProjectionObject(), proj4326);
                //alert ('lonlatTrans=> '+lonlatTransf.lat+','+lonlatTransf.lon);
                var lonlat = lonlatTransf.transform(proj4326, map.getProjectionObject());
                var markerslayer = new OpenLayers.Layer.Markers( "Markers" );
        var div = afficher('texte');    
        var info = myFunction('lonlatv');
                markerslayer.addMarker(new OpenLayers.Marker(lonlat, icon, div));        
                map.addLayer(markerslayer);
            });
            map.addControl(new OpenLayers.Control.LayerSwitcher());
        }
        
function afficher(id)
{
  if(document.getElementById(id).style.visibility=="hidden")
  {
    document.getElementById(id).style.visibility="visible";
  }
  else {
    document.getElementById(id).style.visibility="hidden";    
  }
  return true;
}

function cacher(id)
{
  if(document.getElementById(id).style.visibility=="visible")
  {
    document.getElementById(id).style.visibility="hidden";
  }
  return true;
}    

      
        Localisation
        
    
        Nom
        
    
        Type
        
       3G
       4G
        
    
        Marque
        
    
        Model
        

coordonnées

        
        //