Extension pour OL3 : représentation "aplatie" en EPSG:4326, et pb en RGF93G

**Duriv73** · 18/10/2017, 09h04

Bonjour à tous,

En mettant en œuvre les premiers exemples tout simples fournis par la doc :
https://geoservices.ign.fr/documenta...nsion-ol3.html

je remarque des soucis de représentation "aplatie" (ou anamorphosée) de la carte, dès lors que l'on utilise la projection EPSG:4326 (lon, lat) en lieu et place du système par défaut

Quelqu'un peut-il me dire qq chose sur ce phénomène ?

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
<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>

	<!-- Library OpenLayers 3 -->
	<link rel="stylesheet" href="http://localhost/v3.20.1-dist/ol.css" />
	<script src="http://localhost/v3.20.1-dist/ol.js"></script>

	<!-- Extension Géoportail pour OpenLayers 3 -->
	<script src="http://localhost/GpOpenLayers/GpPluginOl3.js"></script>
	<link rel="stylesheet" href="http://localhost/GpOpenLayers/GpPluginOl3.css" />

	<style type="text/css">
		#map {
			padding: 5px;
			width: 800px;
			height: 600px;
			box-shadow: 0 0 10px #999;
		}
		#info {
			padding: 5px;
			width: 100%;
			height: 20px;
			font-family : "monospace" ;
			font-size: 10px;
		}
	</style>

</head>

<body>

	<div id="map"></div>
	<div id="info"></div>

<script>

function go() {
    var osmLyr = new ol.layer.Tile({
        source: new ol.source.OSM()
    });
    var map = new ol.Map({
        target: 'map',
        layers: [
            osmLyr,  // ----- Couche Open Street Map
			new ol.layer.Tile({
				source: new ol.source.GeoportalWMTS({
					layer: "GEOGRAPHICALGRIDSYSTEMS.MAPS",
				}),
			}),		
			new ol.layer.Tile({
				source: new ol.source.GeoportalWMTS({
					layer: "ORTHOIMAGERY.ORTHOPHOTOS",
				}),
				opacity: 0.7
			}),		
        ],
        view: new ol.View({
			center: [2.33, 48.86],
			zoom: 12,
			projection: "EPSG:4326"
        })
    });    
    var lsControl = new ol.control.LayerSwitcher({
        layers : [{
            layer: osmLyr,
            config: {
                title: "OSM",
                description: "Couche OpenStreet Map",
            }
        }], 
        options : {
            collapsed: true
        }
    });
    map.addControl(lsControl);
	
	var mpControl = new ol.control.GeoportalMousePosition({
        collapsed: false,
        systems : [
            {
                crs : "EPSG:4326",
                label : "Géographiques",
                type : "Geographical"
            },
	   {
                crs : 'EPSG:4559',
                label : "UTM 20 Nord",
                type : "Metric"
            },
        ],
        units : ["DEC","DMS","M",]
    });
    map.addControl(mpControl);
	
}

Gp.Services.getConfig({
    apiKey: "jhyvi0fgmnuxvfv0zjzorvdn",
    onSuccess: go
});

var infoDiv = document.getElementById("info");
infoDiv.innerHTML = "<p> Extension OL3 version " + Gp.ol3extVersion + " (" + Gp.ol3extDate + ")</p>";

</script>

</body>
</html>

Quant à essayer IGNF:RGF93G, cela donne un affichage aberrant (j'ai essayé d'inverser lat et lon sans + de résultat) :

Code :

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

1
2
3
4
5
6
7
// création d'une vue OL3 avec la projection définie
var view = new ol.View({
    center: [48, 2],
    zoom: 12,
    projection: "IGNF:RGF93G"
})

Help me please !

**IGNC_XT** · 20/10/2017, 15h19

Bonjour,
Est-ce que votre couche osmLyr ne serait pas dans un EPSG différent des WMTS de l'IGN (EPSG3857)?
Ce qui pourrait expliquer votre problème.
Par ailleurs pour la fonction de centrage peu importe l'EPSG choisi du moment que les coodonnées du point de centrage sont bien celles exprimées dans l'EPSG choisi

**gcebelieu** · 20/10/2017, 16h12

La représentation applatie d'une carte en EPSG:4326 est tout à fait normale : on convertit directement des coordonnées polaires (lon,lat) en coordonnées cartésiennes (x,y). Cf. cette page (par exemple) pour plus d'explications : https://fr.wikipedia.org/wiki/Projec...%A9quidistante

Pour le RGF93G, il faut définir les résolutions associées aux niveaux de zoom pour cette projection ce qui aidera OpenLayers à faire la reprojection côté client. Cela se fait avec le paramètre "resolutions" de l'objet ol.View (cf. http://openlayers.org/en/latest/apidoc/ol.View.html )

Si vous reprenez le tableau des resolutions géographique indiqué ici : https://geoservices.ign.fr/documenta...iveaux-de-zoom pour remplir ce paramètre, vous obtiendrez le même rendu que pour la projection EPSG:4326.

J'ai fait un fiddle pour le montrer : http://jsfiddle.net/ignfgeoportail/t...t,js,html,css/

Vous n'avez pas besoin de le préciser pour l'EPSG:4326 car c'est une projection définie par défaut par OpenLayers. Dès qu'on sort des projections classiques EPSG:3857 ou EPSG:4326, il faut fournir des paramètres supplémentaires.Cf. : http://openlayers.org/en/latest/apid...rojection.html

**Duriv73** · 20/10/2017, 19h40

OK gcebelieu. Je crois avoir compris.

Mais cela ne règle pas trop mon problème, que je vais essayer de formuler clairement :

Comment obtenir un rendu normal, SANS cet applatissement, tout en employant un centrage en (lon,lat) ? Quelle projection employer pour ce faire ?

(avec l'API antérieur, je faisais ça à partir du model "Quickstart" fourni par l'IGN)

**gcebelieu** · 20/10/2017, 22h42

OK, dans ce cas, vous laissez la projection par defaut (à savoir : EPSG:3857) et vous paramétrez votre centre en utilisant la fonction de transformation fournie par openlayers :

Code :

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

1
2
3
4
5
      view: new ol.View({
            center: ol.proj.transform([2,48],"EPSG:4326","EPSG:3857"),
            zoom: 12,
        })

Cf. fiddle : http://jsfiddle.net/ignfgeoportail/L...esult,js,html/

EDIT : vous pouvez aussi utiliser la fonction ol.proj.fromLonLat([2,48]) qui vous évite de saisir les projections source (EPSG:4326) et destination (EPSG:3857)

**Duriv73** · 21/10/2017, 10h17

Super ! Merci, Gcebelieu !

Extension pour OL3 : représentation "aplatie" en EPSG:4326, et pb en RGF93G

IGN API Géoportail

Partager

Partager