Intégrer une couche GeoJson à une carte

Depuis la version 4.1.21740, il est possible d’afficher sur une carte des couches issues d’un fichier GeoJson.

Un fichier GeoJson permet de décrire des données de type Point, Ligne ou Polygone sur une carte et d’y ajouter des attributs d’information non-spatiales.

Astuce : il est possible de manipuler des format GeoJson via le site http://geojson.io/.

Ajouter une couche

Après avoir inséré une carte sur votre IHM :

• Faire un clic doit sur Liste des couches de tuiles de la carte > Ajouter
  • Saisir un titre : non-visible pour les utilisateurs
  • Saisir le type couche GeoJson
  • Envoyer votre fichier GeoJson sur la plateforme
  • Saisir un label : ce dernier se trouve dans le menu de sélection des couches (en bas à gauche de la carte dans le Player)
  • Optionnel : saisir une attribution : cette dernière sera affichée en bas à droite de l’écran

Propriétés

Le format GeoJson possède des propriétés permettant de styliser les formes retournées (couleur du fond, des contours…). Voici les propriétés couramment utilisées :

Les coordonnées doivent être au format WGS84 EPSG:4326 [ Longitude, Lattitude ]

Exemple de fichier GeoJSON

{
	"type": "FeatureCollection",
	"features": [
		{
			"type": "Feature",
			"properties": {},
			"geometry": {
				"type": "LineString",
				"coordinates": [
					[
						1.2359619140625,
						48.11843396091691
					],
					[
						3.6254882812499997,
						48.77429274267509
					],
					[
						2.4224853515625,
						47.956823800497478
					]
				]
			}
		},
		{
			"type": "Feature",
			"properties": {
				"stroke": "#1a1397",
				"stroke-width": 3,
				"stroke-opacity": 1,
				"fill": "#6c97FF",
				"fill-opacity": 0.5,
				"name": "Coors Field",
				"popupContent": "This is the popup content!"
			},
			"geometry": {
				"type": "Polygon",
				"coordinates": [
					[
						[
							0.7305908203125,
							47.632081940263308
						],
						[
							2.691650390625,
							47.22329888685773
						],
						[
							2.1478271484375,
							47.76517619125415
						],
						[
							1.329345703125,
							47.879512933970499
						],
						[
							0.7305908203125,
							47.632081940263308
						]
					]
				]
			}
		},
		{
			"type": "Feature",
			"properties": {
				"stroke": "#ff5151",
				"stroke-width": 2,
				"stroke-opacity": 1,
				"fill": "#0aa505",
				"fill-opacity": 0.5
			},
			"geometry": {
				"type": "Polygon",
				"coordinates": [
					[
						[
							3.3508300781249997,
							47.79839667295524
						],
						[
							4.32861328125,
							47.79839667295524
						],
						[
							4.32861328125,
							48.08908799881762
						],
						[
							3.3508300781249997,
							48.08908799881762
						],
						[
							3.3508300781249997,
							47.79839667295524
						]
					]
				]
			}
		},
		{
			"type": "Feature",
			"properties": {},
			"geometry": {
				"type": "Polygon",
				"coordinates": [
					[
						[
							3.4552001953125,
							47.26804770458176
						],
						[
							4.21875,
							47.26804770458176
						],
						[
							4.21875,
							47.51349065484327
						],
						[
							3.4552001953125,
							47.51349065484327
						],
						[
							3.4552001953125,
							47.26804770458176
						]
					]
				]
			}
		},
		{
			"type": "Feature",
			"properties": {
				"icon": "fas fa-map-marker-alt fa-3x icon-blue",
				"popupContent": "I am a marker"
			},
			"geometry": {
				"type": "Point",
				"coordinates": [
					4.1363525390625,
					48.45106561953216
				]
			}
		},
		{
			"type": "Feature",
			"properties": {
				"color": "#6c97FF",
				"radius": 20
			},
			"geometry": {
				"type": "Point",
				"coordinates": [
					3.93310546875,
					48.91527985344383
				]
			}
		}
	]
}