Bonjour,Dans une appli web, j'affiche une google map dont la couche de données provient de Géoportail. Pas de souci, j'ai une clé pour l'API de Google map et une autre pour l'API de Géoportail. Problème : quand j'utilise cette clé d'API Géoportail dans l'appli, j'ai une erreur 401 (accès non autorisé). Effectivement, si je prend l'une des urls appelées pour afficher les tuiles (j'utilise le service wmts) et que je la mets dans la barre d'adresse de mon navigateur, il me demande une authentification http/https. Si je rentre le login/mdp, la tuile demandée s'affiche. Quand je retourne dans mon appli web, les données se charge aussi (mon navigateur a dû conserver l'authentification a priori).Question : comment puis-je faire pour passer l'authentification http quand j'appelle la couche Géoportail depuis ma Google map
J'ai tenté en début de script une authentification, j'ai bien un code retour 200 mais après, l'authentification n'est pas conservée pour les requêtes de ma Google map

function authenticateUser(user, password)
         {
             var token = user + ":" + password;
             var hash = btoa(token);
 
             return "Basic " + hash;
         }
 
         function CallWebAPI(url) {
             // New XMLHTTPRequest
             var request = new XMLHttpRequest();
             request.open("GET", url, false);
             request.setRequestHeader("User-Agent", window.navigator.userAgent);
             request.setRequestHeader("Authorization", authenticateUser(userName, passWord));
             console.log(window.navigator.userAgent);
             request.send();
             console.log(request.status);
         }
         CallWebAPI('https://wxs.ign.fr/ma_cle/geoportail/wmts?LAYER=GEOGRAPHICALGRIDSYSTEMS.MAPS.SCAN-OACI&FORMAT=image/jpeg&SERVICE=WMTS&VERSION=1.0.0&REQUEST=GetTile&STYLE=normal&TILEMATRIXSET=PM&TILEMATRIX=6&TILEROW=22&TILECOL=32')

A noter que j'ai tenté une authentification https via PHP et curl, sans plus de succès
Merci par avance pour votre aide.

C'est bon, j'ai trouvé la solution.  

new google.maps.ImageMapType({        
    getTileUrl: function(tileCoord, zoom) {
        var url = "https://username:pdw@wxs.ign.fr/ma_cle/geoportail/wmts?LAYER=...";
        return url;
    },
    ....
});

 
J'avais eu cette idée mais ça n'avais pas marché à cause d'un caractère # dans le username. En le passant en %23, ça fonctionne.