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

Rencontres QGIS 2025

L'appel à participation est ouvert jusqu'au 19 janvier 2025!

#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