yyyyy
{source}
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>71.1 </title>
<meta name="author" CONTENT="christian charreau">
<meta name="description" CONTENT="pof@bleau pr괥nte les principaux circuits d'escalade de la foret de fontainebleau">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<style type="text/css"><!--/*--><![CDATA[/*><!--*/
div#viewerDiv {
width:490px;
height:382px;
background-color:transparency;
background-position:center center;
background-repeat:no-repeat;
}
.info { font-family: arial, verdana, sans-serif;
font-size: 0.6em;
Line-Height: 1.3em;}
/*]]>*/-->
</style>
<script type="text/javascript">
function pop1() {
window.open('../?article6/rocher-du-general-circuit-bleu-no-1-td', '', 'resizable=yes, location=no, top=100,left=80 width=800, height=400, menubar=no, status=no, scrollbars=yes, menubar=no' );
}
function pop2() {
window.open('../?article7/rocher-du-general-circuit-jaune-no-2-pd', '', 'resizable=yes, location=no, top=100,left=80 width=800, height=400, menubar=no, status=no, scrollbars=yes, menubar=no');
}
</script>
</head>
<body>
<p style="margin: 2px;font-family: arial; font-size:18px;color:red">3 Pignons 71.1 Rocher du Gꯩral</p>
<div id="viewerDiv" ></div>
<script type="text/javascript"><!--//--><![CDATA[//><!--
function initGeoportalMap()
{
var viewer = null;
var options = {};
options.mode = 'normal';
options.territory = 'FXX';
options.displayProjection= ['IGNF:RGF93G','CRS:84']
options.nameInstance = 'viewer';
OpenLayers.Util.extend(options, gGEOPORTALRIGHTSMANAGEMENT || {});
viewer = new Geoportal.Viewer.Default('viewerDiv', options);
// On affiche la couche IGN
var layerOption = {};
layerOption.opacity = 0.8;
layerOption.visibility = true;
viewer.addGeoportalLayer('GEOGRAPHICALGRIDSYSTEMS.MAPS:WMSC', layerOption);
// Choix sur les boites utils et autre zoom
// minimiser le panneau d'information:
var ip= viewer.getMap().getControlsByClass('Geoportal.Control.Information');
if (ip && ip.length>0) { ip[0].toggleControls(true);}
viewer.setLayersPanelVisibility(false); // Boite info couches
viewer.openLayersPanel(false); // Ouverte ou fermꥍ
viewer.setToolsPanelVisibility(true); // Boite utils + zoom
viewer.openToolsPanel(false); // Fermꥠou ouverte
viewer.setInformationPanelVisibility(true); // Coordonn꦳ bas de carte
// Centrage de la carte
viewer.getMap().setCenterAtLonLat(2.528519, 48.372296,14,false,false);
// Ajout d'un POI Jaune-------------------------------------
// On ajoute une couche d'objet vectoriel ....
var vector_layer = new OpenLayers.Layer.Vector('Depart Circuits');
// On crꥠune Geometry Point ......
var localisation = new OpenLayers.Geometry.Point(2.530173,48.372156);
// On change le point de projection ..... // Pourquoi??
var sourceproj = OpenLayers.Projection.CRS84; // WGS84
var destproj = viewer.projection; // Projection Geoportail
localisation.transform(sourceproj, destproj); // fonction ??
// On crꥠl'objet Vector ࡰartir de la Geometry prꤩdente
var departjaune = { externalGraphic:'../cotation/vignettes/travauxjaune.png', graphicWidth:35, graphicHeight:35,fillOpacity: 1};
var jaune = new OpenLayers.Feature.Vector(localisation, null, departjaune);
// Ajout d'un POI Bleu-------------------------------------
// On crꥠune Geometry Point ......
var localisation = new OpenLayers.Geometry.Point(2.528816, 48.371937);
// On change le point de projection ..... // Pourquoi??
var sourceproj = OpenLayers.Projection.CRS84; // WGS84
var destproj = viewer.projection; // Projection Geoportail
localisation.transform(sourceproj, destproj); // fonction ??
// On crꥠl'objet Vector ࡰartir de la Geometry prꤩdente
var departbleu = { externalGraphic:'../cotation/vignettes/travauxbleu.png', graphicWidth:35, graphicHeight:35,fillOpacity: 1};
var bleu = new OpenLayers.Feature.Vector(localisation, null, departbleu);
// on crꥠune info bulle ----------------
var coord_bulle = new OpenLayers.Geometry.Point(2.524066, 48.370760);
var sourceproj = OpenLayers.Projection.CRS84;
var destproj = viewer.getMap().getProjection();
coord_bulle.transform(sourceproj, destproj);
var popup = new OpenLayers.Popup('id',
new OpenLayers.LonLat(coord_bulle.x, coord_bulle.y),
new OpenLayers.Size(150,60),' ', true) ;
// Option de pr괥ntation info bulle ----------------
popup.setOpacity(0.9);
popup.setBorder("1px solid");
popup.setBackgroundColor("#287E28");
popup.setContentHTML("<div class='info' ><b>71.1 Rocher du Gꯩral<br/><a href='#' onClick='pop2()'><font color='yellow'>Jaune Nв PD <br/></a><a href='#' onClick='pop1()'><font color='blue'>Bleu Nб TD-</b></a></div> ");
// On affiche les couches ----------------
viewer.getMap().addPopup(popup, true);
vector_layer.addFeatures([jaune]);
vector_layer.addFeatures([bleu]);
viewer.getMap().addLayer(vector_layer);
//-------------------------------------ajout de l'outil d'impression
var imp= viewer.getMap().getControlsByClass('Geoportal.Control.NavToolbar')[0];
imp.addControls([new Geoportal.Control.PrintMap({
header: function() { return '<h3 style="text-align:center;font-family:verdana;color:#399200">3 Pignons 71.1 Rocher du Gꯩral</h3><p style="font-family:arial;font-size:10px;">? S館e lentement <br/>? Peu Fr겵ent頼br/>? Cadre agrꢢle<br/>? Quelques blocs expos과br/>'; },
footer: function() { return '<div style="text-align:center;color:green;; font-size:8px" id="printAttribution_'+this.tick+'"></div>\n'+' <div style="text-align:center;color:blue; font-size:8px"><a href="https://api.ign.fr/geoportail/index.do">Institut national de l information g갧raphique et foresti곥.</a></div>'; },
epilog: function() { return 'C'; },
prolog: function() { return '<div style="text-align:center;color:#399200; font-size:8px"> <br/>ɠPof@Bleau est un site web non commercial.<br/>Les cartes sont plac꦳ sous licence gratuite de l API G갰ortail de l IGN.<br/> <br/> </div>'; },
popupSettings:"menubar=yes" })]);
}
//--><!]]></script>
<script
type="text/javascript"
src="http://api.ign.fr/geoportail/api/js/1.3/Geoportal.js">
<!-- -->
</script>
<script type="text/javascript"><!--//--><![CDATA[//><!--
if (window.__Geoportal$timer===undefined)
{
var __Geoportal$timer= null;
}
function checkApiLoading(retryClbk,clss)
{
if (__Geoportal$timer!=null)
{
//clearTimeout: annule le minuteur "__Geoportal$timer" avant sa fin
window.clearTimeout(__Geoportal$timer);
__Geoportal$timer= null;
}
/**
* Il se peut que l'init soit exꤵt顡vant que l'API ne soit chargꥍ
* Ajout d'un code temporisateur qui attend 300 ms avant de relancer l'init
*/
var f;
for (var i=0, l= clss.length; i<l; i++)
{
try
{
f= eval(clss[i]);
} catch (e)
{
f= undefined;
}
if (typeof(f)==='undefined')
{
__Geoportal$timer= window.setTimeout(retryClbk, 300);
return false;
}
}
return true;
}
function loadAPI()
{
// on attend que les classes soient charg꦳
if (checkApiLoading(loadAPI,['OpenLayers','Geoportal','Geoportal.Viewer','Geoportal.Viewer.Default'])===false)
{
return;
}
// on charge la configuration de la clef
Geoportal.GeoRMHandler.getConfig(['8w1z6ajkcfx3yyz67jhkcvyp'], null, null, {onContractsComplete: initGeoportalMap});
}
//chargement de l'application API
window.onload= loadAPI;
//--><!]]></script>
</div>
</body>
</html>
{/source}