Nous utilisons des cookies pour vous garantir la meilleure expérience sur notre site. Si vous continuez à utiliser ce dernier, nous considèrerons que vous acceptez l'utilisation des cookies. J'ai compris ! ou En savoir plus !.
banniere

Le portail francophone de la géomatique


Toujours pas inscrit ? Mot de passe oublié ?
Nom d'utilisateur    Mot de passe              Toujours pas inscrit ?   Mot de passe oublié ?

Annonce

Printemps des cartes 2024

#1 Fri 20 July 2018 12:11

Maxime Petit
Juste Inscrit !
Date d'inscription: 28 Aug 2015
Messages: 1

[OpenLayer4.6.5]: Définire comme source un répertoire d'image tuillé

Bonjour,

Voilà, à l'aide du pluging QTiles sur Qgis j'ai créé un répertoire d'image tuilé (./mapnik). Je cherche maintenant dans le code javascript depuis une page html à charger ces images dans une carte généré par openLayer, voici mon code:

Code:

<html>
  <head>
    <meta charset="UTF-8" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/openlayers/4.6.5/ol.js"></script>
  </head>
  <body>
    <div id="map"></div>
    <script>

      var raster = new ol.layer.Tile({
        source: new ol.source.TileImage({
          url: './mapnik/{z}/{x}/{-y}.png'
        })
      });
      var map = new ol.Map({
        layers: [raster],
        target: 'map',
        view: new ol.View({
          center: [0, 0],
          zoom: 2
        })
      });

      map.getView().setCenter(ol.proj.transform([77.5578658823407, -37.836996810851645], 'EPSG:4326', 'EPSG:3857'));
      map.getView().setZoom(11);

    </script>
  </body>
</html>

Mais la console de mon navigateur m'affiche: TypeError: b is null et aucune carte ne s'affiche dans ma page web.

J'ai l'impression  que je dois compléter d'autres paramètres dans l'objet ol.layer.Tile pour que ma carte s'affiche mais je ne trouve pas lesquels.
Quelqu'un aurait une solution? Merci d'avance.

Hors ligne

 

Pied de page des forums

Powered by FluxBB