Carte créée par le générateur IGN

**nrdz83** · 27/03/2016, 13h26

Bonjour à tous et joyeuse fêtes de pâques,

j'utilise ce code dans une fenêtre sous windev pour afficher la cartographie google maps

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
<html>
	<head>
	<meta name="viewport" content="initial-scale=1.0, user-scalable=no"/>
	<meta charset="utf-8">
	<title>Gisement du COMPTAGE</title>
	<link href="https://developers.google.com/maps/documentation/javascript/examples/default.css" rel="stylesheet">
	<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
	
	<script>    
	
	
	var myLatlng = new google.maps.LatLng(%1,%2);
	
	var iterator = 0;
	
	var neighborhoods = new array(
	new array("%3","%4","%1","%2")
	);
	
	var markers = [];
	
	FUNCTION initialize()
	{        
	var mapOptions = {
	zoom: 10,
	center: myLatlng,
	mapTypeId: google.maps.MapTypeId.ROADMAP,
	disableDefaultUI: False
	};
	
	var map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions);               
	
	infowindow = new google.maps.InfoWindow({
	
	}); 
	
	
	FOR(var i = 0; i < neighborhoods.Length; i++)
	{
	
	
	var marker = new google.maps.Marker(
	{
	Position: new google.maps.LatLng(neighborhoods[i][2], neighborhoods[i][3]),
	map: map,
	content: '<div id="conteneurInfoBulle">' +
	'<h1>' + neighborhoods[i][0] +'</h1>' +
	'<h2>' + neighborhoods[i][1] +'</h2>' ,
	animation: google.maps.Animation.BOUNCE
	}
	);
	
	google.maps.Event.addListener(marker, 'click', FUNCTION(e) {
	infowindow.setContent(this.content);
	infowindow.Open(map,this);                              
	});
	} 
	
	};   
	
	
	</script>
	<style type='text/css'>
	#conteneurInfoBulle{
	margin:0;
	padding:0;
	width: 370px;
	}
	#conteneurInfoBulle h1{
	font:20px italic 'Times New Roman', Times, serif;
	color:#267AA8;
	text-align:center;
	}
	#conteneurInfoBulle h2{
	font:17px 'Times New Roman', Times, serif;
	margin:.5em 0;
	padding:0;
	text-align:center;
	color:orange;
	}
	#texteInfoBulle{
	margin:0;
	padding:0;
	font:11px 'Trebuchet MS',sans-serif;
	}
	#texteInfoBulle p{
	margin:.5em 0;
	padding:0;
	text-indent:2em;
	text-align:justify;
	}
	#lettrineImage{
	float: Left;
	margin: 0 .5em .5em 0;
	width: 220px;
	height: 163px;
	}
	#map_canvas{
	height:100%
	}
	</style>
	</head>
	<body onload="initialize();">
	<div id="map_canvas"></div>
	<noscript>
	<p>Attention : </p>
	<p>Afin de pouvoir utiliser Google Maps, JavaScript doit ?e activ?</p>
	<p>OR, il semble que JavaScript est d?ctiv?u qu'il ne soit PAS support?ar votre navigateur.</p>
	<p>POUR afficher Google Maps, activez JavaScript en modifiant les options de votre navigateur, puis essayez ?ouveau.</p>
	</noscript>
	</body>
	</html>
]

je voudrais dans le même style ouvrir une fenêtre avec la carte IGN (pour afficher par la suite la carte cadastrale).

J'ai essayé de générer le code par la générateur sur le site d'IGN et j'ai le code ci-dessous.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
<!DOCTYPE html>
<html>
<head>
<title>Entrez votre titre</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css">
div#viewerContainer {
width:800px;
height:600px
}
h1 {
font-size:25px;
font-weight:bold;
font-family: sans-serif;
}
</style>
</head>
<body>
<h1 id="title">Entrez votre titre</h1>
<div id="viewerContainer"></div>
<script type="text/javascript">
 /**
 * Property: iViewer
 * {<Geoportal.InterfaceViewer>} The Geoportal API viewer interface.
 */
 iViewer= null;
 
 /**
 * Function: init
 * Load the map. Called when "onload" event is fired.
 */
 function init() {
  iViewer= Geoportal.load(
     // map's div id - identifiant de la div de la carte :
     "viewerContainer",
     // API's keys - clefs API :
     ["3kisnujel7glkt8hwux0qzpx"],
      {
        // center in WGS84G - centre en WGS84G
        lon:2.36,
        lat:46.45000000000001
      },
     // zoom level (0-20) - niveau de zooms (0 à 20) :
     6,
      {
       // various options :
        // viewer default controls options overloads :
        componentsOptions:{},
        // Geoportal's layers to load (when none, all contracts' layers are loaded) :
        layers:["PROTECTEDAREAS.PNM:WMTS","LANDCOVER.FORESTAREAS:WMTS","ORTHOIMAGERY.ORTHOPHOTOS2006-2010:WMTS","GEOGRAPHICALGRIDSYSTEMS.ETATMAJOR40:WMTS","ELEVATION.SLOPES:WMTS","BUILDINGS.BUILDINGS:WMTS","GEOGRAPHICALGRIDSYSTEMS.MAPS.SCAN-EXPRESS.CLASSIQUE:WMTS","GEOGRAPHICALGRIDSYSTEMS.MAPS.SCAN-EXPRESS.ROUTIER:WMTS","CADASTRALPARCELS.PARCELS:WMTS","ADMINISTRATIVEUNITS.BOUNDARIES:WMTS","LANDCOVER.FORESTINVENTORY.V2:WMTS","PROTECTEDAREAS.SIC:WMTS","PROTECTEDAREAS.RN:WMTS","PROTECTEDAREAS.PNR:WMTS","PROTECTEDAREAS.ZNIEFF1:WMTS","PROTECTEDAREAS.ZNIEFF2:WMTS","GEOGRAPHICALGRIDSYSTEMS.MAPS.SCAN-EXPRESS.STANDARD:WMTS","PROTECTEDAREAS.ZPS:WMTS","CADASTRALPARCELS.PARCELS.L93:WMTS","PROTECTEDAREAS.PN:WMTS","LANDCOVER.FORESTINVENTORY.V1:WMTS","UTILITYANDGOVERNMENTALSERVICES.ALL:WMTS","GEOGRAPHICALNAMES.NAMES:WMTS","GEOGRAPHICALGRIDSYSTEMS.MAPS.SCAN-OACI:WMTS","PROTECTEDAREAS.BIOS:WMTS","PROTECTEDAREAS.APB:WMTS","GEOGRAPHICALGRIDSYSTEMS.MAPS:WMTS","GEOGRAPHICALGRIDSYSTEMS.PLANIGN:WMTS","PROTECTEDAREAS.RB:WMTS"],
        // Geoportal's layers options :
        layersOptions:{"PROTECTEDAREAS.PNM:WMTS":{"opacity":1,"visibility":false},"LANDCOVER.FORESTAREAS:WMTS":{"opacity":1,"visibility":false},"ORTHOIMAGERY.ORTHOPHOTOS2006-2010:WMTS":{"opacity":1,"visibility":false},"GEOGRAPHICALGRIDSYSTEMS.ETATMAJOR40:WMTS":{"opacity":1,"visibility":false},"ELEVATION.SLOPES:WMTS":{"opacity":1,"visibility":false},"BUILDINGS.BUILDINGS:WMTS":{"opacity":1,"visibility":false},"GEOGRAPHICALGRIDSYSTEMS.MAPS.SCAN-EXPRESS.CLASSIQUE:WMTS":{"opacity":1,"visibility":false},"GEOGRAPHICALGRIDSYSTEMS.MAPS.SCAN-EXPRESS.ROUTIER:WMTS":{"opacity":1,"visibility":false},"CADASTRALPARCELS.PARCELS:WMTS":{"opacity":1,"visibility":false},"ADMINISTRATIVEUNITS.BOUNDARIES:WMTS":{"opacity":1,"visibility":false},"LANDCOVER.FORESTINVENTORY.V2:WMTS":{"opacity":1,"visibility":false},"PROTECTEDAREAS.SIC:WMTS":{"opacity":1,"visibility":false},"PROTECTEDAREAS.RN:WMTS":{"opacity":1,"visibility":false},"PROTECTEDAREAS.PNR:WMTS":{"opacity":1,"visibility":false},"PROTECTEDAREAS.ZNIEFF1:WMTS":{"opacity":1,"visibility":false},"PROTECTEDAREAS.ZNIEFF2:WMTS":{"opacity":1,"visibility":false},"GEOGRAPHICALGRIDSYSTEMS.MAPS.SCAN-EXPRESS.STANDARD:WMTS":{"opacity":1,"visibility":false},"PROTECTEDAREAS.ZPS:WMTS":{"opacity":1,"visibility":false},"CADASTRALPARCELS.PARCELS.L93:WMTS":{"opacity":1,"visibility":false},"PROTECTEDAREAS.PN:WMTS":{"opacity":1,"visibility":false},"LANDCOVER.FORESTINVENTORY.V1:WMTS":{"opacity":1,"visibility":false},"UTILITYANDGOVERNMENTALSERVICES.ALL:WMTS":{"opacity":1,"visibility":false},"GEOGRAPHICALNAMES.NAMES:WMTS":{"opacity":1,"visibility":false},"GEOGRAPHICALGRIDSYSTEMS.MAPS.SCAN-OACI:WMTS":{"opacity":1,"visibility":false},"PROTECTEDAREAS.BIOS:WMTS":{"opacity":1,"visibility":false},"PROTECTEDAREAS.APB:WMTS":{"opacity":1,"visibility":false},"GEOGRAPHICALGRIDSYSTEMS.MAPS:WMTS":{"opacity":0.3,"visibility":true},"GEOGRAPHICALGRIDSYSTEMS.PLANIGN:WMTS":{"opacity":1,"visibility":false},"PROTECTEDAREAS.RB:WMTS":{"opacity":1,"visibility":false}},
        overlays:{},
 
  // callback to use before returning (after centering) :
     // class of viewer to use :
     viewerClass:"Geoportal.Viewer.Simple"
            }
        );
    }
 
 
    window.onload= init;
</script>
<script type="text/javascript" charset="utf-8" src="http://api.ign.fr/geoportail/api/js/2.1.2/GeoportalExtended.js">
</script>
</body>
</html>

mon problème est que ce dernier ne fonctionne pas,

il m'affiche cette erreur:

Nom : 1.jpg
Affichages : 330
Taille : 32,7 Ko

Par avance je vous remercie pour votre aide

cordialement.

**mga_geo** · 28/03/2016, 22h09

Bonsoir,

Le code généré est prévu pour être accédé via un serveur web type apache/nginx/...
Il ne fonctionne pas en l'ouvrant à partir du système de fichiers.

Carte créée par le générateur IGN

IGN API Géoportail

Discussions similaires

Partager

Partager