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 Thu 20 November 2014 13:12

nora
Juste Inscrit !
Date d'inscription: 20 Nov 2014
Messages: 2

Export Map Openlayers 3

Bonjour,


J'ai essayé d’intégrer la fonctionnalité Export Map dans ma page html comme dans l'exemple d'ol3 (http://openlayers.org/en/v3.0.0/example … t-map.html) mais sans succès.
Il doit y avoir une erreur avec les scripts... Quelles sont ceux qu'il faut connecter?

Merci beaucoup,
Nora

Hors ligne

 

#2 Thu 20 November 2014 16:10

JF BEHM
Participant actif
Lieu: toulouse
Date d'inscription: 9 Aug 2013
Messages: 126
Site web

Re: Export Map Openlayers 3

Bonjour,
L'exemple fonctionne bien chez moi.
Mais dans le source de la page html, j'ai rajouter :
<script src="http://openlayers.org/en/v3.0.0/build/ol.js" type="text/javascript"></script>
   
et bien-sur modifier (ou supprimer) les autres chemins d'accès. (j'ai jquery en local) :

Code:

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="chrome=1">
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
   <title>Export map example</title>
   <link rel="stylesheet" href="http://openlayers.org/en/v3.0.0/css/ol.css" type="text/css">
   <script src="http://openlayers.org/en/v3.0.0/build/ol.js" type="text/javascript"></script>
    
  </head>
  <body>

    <div class="navbar navbar-inverse navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">
          <a class="brand" href="./"> OpenLayers 3 Examples</a>
        </div>
      </div>
    </div>

    <div class="container-fluid">

      <div class="row-fluid">
        <div class="span12">
          <div id="map" class="map"></div>
          <div id="no-download" class="alert alert-error" style="display: none">
            This example requires a browser that supports the
            <a href="http://caniuse.com/#feat=download">link download</a> attribute.
          </div>
          <a id="export-png" class="btn" download="map.png"><i class="icon-download"></i> Export PNG</a>
        </div>
      </div>

      <div class="row-fluid">

        <div class="span12">
          <h4 id="title">Export map example</h4>
          <p id="shortdesc">Example of exporting a map as a PNG image.</p>
          <div id="docs">
            <p>See the <a href="export-map.js" target="_blank">export-map.js source</a> to see how this is done.</p>
          </div>
          <div id="tags">export, png, openstreetmap</div>
        </div>

      </div>

    </div>

    <script src="../jquery/jquery.min.js" type="text/javascript"></script>
    
    <script src="export-map.js" type="text/javascript"></script>

  </body>
</html>

Je n'ai pas modifier le fichier js.
En espérant vous avoir aider !


Jean-François Behm, formateur SIG, jf.behm@texte-a-enlever.idgeo.fr, formations@texte-a-enlever.idgeo.fr
IDGEO, www.idgeo.fr
Institut de Développement de la Géomatique  42, avenue de Général de Croutte - 31100 toulouse

Hors ligne

 

#3 Fri 21 November 2014 12:01

nora
Juste Inscrit !
Date d'inscription: 20 Nov 2014
Messages: 2

Re: Export Map Openlayers 3

Bonjour,

Merci pour la réponse. Effectivement ça marche avec un fond de carte osm. Parcontre quand je teste vace un fond TileWMS ça ne fonctionne plus et une "Security error" apparait dans Firebug. Est-ce que c'est possible de contourner ce problème?

Hors ligne

 

Pied de page des forums

Powered by FluxBB