Discussion :

[Trazmor]

Bonjour,
Je n'arrive pas à utiliser la carte drone, j'ai testé avec d'autres cartes et ca marche nickel mais pas pour celle la
Voila mon code :

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
var tiledLayer=new google.maps.ImageMapType({
                        getTileUrl: function(tileCoord,zoom) {
                            var url="https://wxs.ign.fr/CLEF/geoportail/wmts?"+
                                "LAYER=TRANSPORTS.DRONES.RESTRICTIONS"+
                                "&FORMAT=image/jpeg&SERVICE=WMTS&VERSION=1.0.0"+
                                "&REQUEST=GetTile&STYLE=normal&TILEMATRIXSET=PM"+
                                "&TILEMATRIX="+zoom+"&TILEROW="+tileCoord.y+
                                "&TILECOL="+tileCoord.x;
                            return url;                     
                        },
                        tileSize: new google.maps.Size(256,256),
                        name: "Photos IGN",
                        maxZoom: 18
                });
               
                    var mapOptions = {
                            mapTypeId: 'IGNLayer',
                            center: {lat: 47.003389, lng: 2.315535},
                            zoom: 6,
                            mapTypeControlOptions: {
                                style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR,
                                position: google.maps.ControlPosition.LEFT_BOTTOM
                            },
                            disableDefaultUI: false
                    };

                var map = new google.maps.Map(document.getElementById("map"),
                mapOptions);
                map.mapTypes.set('IGNLayer',tiledLayer);

Et ca m'affiche un beige uni à la place de ma carte sans erreur dans la console

EDIT : Ca fonctionne pour l'afficher mais je voudrais la superposer à celle de google maps mais j'y arrive pas

[lboulanger]

Bonjour,

la couche des restrictions pour les drones est diffusée au format image/png (pour gérer la transparence) et non pas image/jpeg comme dans votre requête, c'est peut-être ce qui pose problème.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
var tiledLayer=new google.maps.ImageMapType({
                        getTileUrl: function(tileCoord,zoom) {
                            var url="https://wxs.ign.fr/CLEF/geoportail/wmts?"+
                                "LAYER=TRANSPORTS.DRONES.RESTRICTIONS"+
                                "&FORMAT=image/png&SERVICE=WMTS&VERSION=1.0.0"+
                                "&REQUEST=GetTile&STYLE=normal&TILEMATRIXSET=PM"+
                                "&TILEMATRIX="+zoom+"&TILEROW="+tileCoord.y+
                                "&TILECOL="+tileCoord.x;
                            return url;                     
                        },
                        tileSize: new google.maps.Size(256,256),
                        name: "Photos IGN",
                        maxZoom: 18
                });

Laurane

[Trazmor]

Merci beaucoup, ca fonctionne !
Par contre ça ne superpose pas la carte par dessus celle classique de google maps mais ça la remplace, comment je peux superposer les deux ? ?

[mga_geo]

Bonjour,

Question pour Google ! car vous utilisez cette api ?

A+
Marc

[lboulanger]

Bonjour,

En effet, j'ai l'impression que l'API Google Maps ne permet pas simplement d'afficher deux couches lorsque l'une est transparente (cf. cette discussion où un utilisateur rencontre le même problème avec les parcelles cadastrales).

Comme Marc, je vous suggère de creuser du côté des fonctionnalités de Google Maps, ou de poser la question sur un forum dédié.

Laurane