Scribd Logo
Importer

Bienvenue sur Scribd !

  • Démarche Du Travail Sigweb

    Transféré par

    Amine 1997
    10 vues15 pages

    Copyright

    © © All Rights Reserved

    Formats disponibles

    DOCX, PDF, TXT ou lisez en ligne sur Scribd

    Avez-vous trouvé ce document utile ?

    Ce contenu est-il inapproprié ?

    Signaler ce document

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme DOCX, PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    10 vues15 pages

    Démarche Du Travail Sigweb

    Transféré par

    Amine 1997

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme DOCX, PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    sur 15

    Ouverture de la couche (shapefile) sur QGIS

    deux cliques sur la couche

    2 1
    Cliquer sur style Modifier le style de la couche
    Enregistrer sous forme d’un fichier SLD
    Démarrer geoserver puis ajouter un espace de travail

    3
    Nommer l’espace de travail

    4
    Donner une URL quelconque (lien
    du site internet

    5
    Ajouter un entrepôt

    Ajouter un shapefile
    Choisir l’espace de travail souhaité
    4

    5
    Nommer la couche que vous voulez importer

    Cliquer sur parcourir pour choisir l’emplacement de la


    couche
    6

    8
    Importer le fichier de style

    Cliquer
    sur style

    Cliquer sur ajouter un


    nouveau style
    Nommer le style

    Choisir l’espace de travail

    Choisir le type du couche


    (point, line, polygone)

    Charger le fichier de style


    depuis le répertoire de votre PC

    Sélectionner le fichier puis


    cliquer sur Ouvrir au-dessous
    Cliquer sur Charger et par suite
    un script en xml affichera

    Cliquer 1-valider, 2-apply, 3-envoyer

    Dans la barra de style le fichier que vous avez ajouter est ajouté

    2
    1
    Appuyer sur le nom du fichier
    Cocher
    Cliquer sur publishing

    Rechercher la couche que vous apportez un style et cocher les casier comme
    suit :
    A là-bas de page choisir envoyer

    Prévisualisation de la couche
    Cliquer Openlayers sur la couche que vous
    appliquer un style

    Résultat final  : la couche avec son style


    Pour ajouter un fond de carte (Base map) il faut :

    1. Écrivez ce script dans une page html

    <!DOCTYPE html>
    <html>
    <head>
    <title>Ajouter titre</title>

    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.2.0/dist/leaflet.css" />

    <script src="https://unpkg.com/leaflet@1.2.0/dist/leaflet.js" ></script>


    </head>
    <body>
    <div id="mapid" style="width: 800px; height: 600px;"></div>
    <script>
    var MACARTE = L.map('mapid').setView([33, 10], 6);
    L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?
    access_token=pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpejY4NXVycTA2emYycXBndHRqcmZ3N3gifQ.rJcF
    IG214AriISLbB6B5aw', {
    maxZoom: 18,
    attribution: '',
    id: 'mapbox.streets'
    }).addTo(MACARTE);
    </script>
    </body>
    </html>

    2. Ajouter Un service WMS :


    Ajouter l’adresse URL du service

    L.tileLayer.wms("http://localhost:1024/geoserver/Evolution_du_trait_de_c%C3%B4te/wms?", {
    layers: 'Evolution_du_trait_de_côte:trait_de_cote_1995',
    format: 'image/png',
    transparent: true,
    attribution: "ETUDIANT"
    }).addTo(MACARTE);

    Le nom de la couche
    « http://localhost:1024/geoserver/Evolution_du_trait_de_c%C3%B4te/wms? »

    Est l’adresse url du service dans ce cas

    Le nom de la couche
    Résultat Final :

    <!DOCTYPE html>
    <html>
    <head>
    <title>Ajouter titre</title>
    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.2.0/dist/leaflet.css" />
    <script src="https://unpkg.com/leaflet@1.2.0/dist/leaflet.js" ></script>
    </head>

    <body>
    <div id="mapid" style="width: 800px; height: 600px;"></div>
    <script>

    var MACARTE = L.map('mapid').setView([33, 10], 6);

    L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?
    access_token=pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpejY4NXVycTA2emYycXBndHRqcmZ3N3gifQ.rJcF
    IG214AriISLbB6B5aw', {
    maxZoom: 18,
    attribution: '',
    id: 'mapbox.streets'
    }).addTo(MACARTE);

    L.tileLayer.wms("http://localhost:1024/geoserver/Evolution_du_trait_de_c%C3%B4te/wms?", {
    layers: 'Evolution_du_trait_de_côte:trait_de_cote_1995',
    format: 'image/png',
    transparent: true,
    attribution: "ETUDIANT"
    }).addTo(MACARTE);

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

    Vous aimerez peut-être aussi