Le portail francophone de la géomatique

billion · « Je devais travailler sur une plateforme SIG intégrant des traitements d’images satellite, un domaine que je ne connaissais pas du tout mais auquel j’ai rapidement pris goût »

function polygonStyle(feature) {
  const clicked = feature.get("clicked");

  let color;

  if (clicked) {
    color = "yellow";
  } else {
    color = "blue";
  }

  return {
    fill: color,
  };
}
feature.set("clicked", true);

featureCollection.updateStyles();
function extrusionOffset(feature) {
    const height = feature.get('height');

    return height;
}

const entity = new FeatureCollection({
    ...
    extrusionOffset,
    ...
});
import VectorSource from 'ol/source/Vector';
import GeoJSON from 'ol/format/GeoJSON.js';
import {bbox as bboxStrategy} from 'ol/loadingstrategy.js';
import VectorLayer from 'ol/layer/Vector';

const GEOSERVER_BASE_URL = 'http://localhost:8600/geoserver/dev';

// create geoserver generic vector features layer
const featureSource = new VectorSource({
  format: new GeoJSON(),
  url: function (extent) {
    return (
      GEOSERVER_BASE_URL + '/ows?service=WFS&' +
      'version=1.0.0&request=GetFeature&typeName=dev%3Ageneric&maxFeatures=50&' + 
      'outputFormat=application%2Fjson&srsname=EPSG:3857&' +
      'bbox=' +
      extent.join(',') +
      ',EPSG:3857'
    );
  },
  strategy: bboxStrategy,
});

const featureLayer = new VectorLayer({
  source: featureSource,
  style: {
    'stroke-width': 0.75,
    'stroke-color': 'white',
    'fill-color': 'rgba(100,100,100,0.25)',
  },
});

// react
import React, {  useEffect, useRef } from 'react';
import Map from 'ol/Map'

function MapWrapper(props) {

  // refs are used instead of state to allow integration with 3rd party map onclick callback;
  //  these are assigned at the end of the onload hook
  //  [https:]   const mapRef = useRef();
  const mapElement = useRef();
  const featuresLayerRef = useRef();

  // other logic removed for brevity

  // react onload hook
  useEffect( () => {

    // create map
    const map = new Map({
      // config removed for brevity
    })

    // save map and featureLary references into React refs
    featuresLayerRef.current = featureLayer;
    mapRef.current = map

  },[])

  return (      
    <div>
      <div ref={mapElement} className="map-container"></div>
    </div>
  ) 

}

export default MapWrapper

import WFS from 'ol/format/WFS';
import GML from 'ol/format/GML32';

const GEOSERVER_BASE_URL = 'http://localhost:8600/geoserver/dev';

// map click handler - uses state and refs available in closure
const handleMapClick = async (event) => {

  // get clicked feature from wfs layer
  // TODO: currently only handles a single feature
  const clickedCoord = mapRef.current.getCoordinateFromPixel(event.pixel);
  const clickedFeatures = featuresLayerRef.current.getSource().getFeaturesAtCoordinate(clickedCoord);
  if (!clickedFeatures.length) return; // exit callback if no features clicked
  const feature = clickedFeatures[0];

  // parse feature properties
  const featureData = JSON.parse(feature.getProperties()['data']);

  // iterate prop to test write-back
  if (featureData.iteration) {
    ++featureData.iteration;
  } else featureData.iteration = 1;

  // set property data back to feature
  feature.setProperties({ data: JSON.stringify(featureData) });
  console.log('clicked updated feature data', feature.getProperties())

  // prepare feature for WFS update transaction
  //  [https:]   const wfsFormatter = new WFS();
  const gmlFormatter = new GML({
    featureNS: GEOSERVER_BASE_URL,
    featureType: 'generic',
    srsName: 'EPSG:3857' // srs projection of map view
  });
  var xs = new XMLSerializer();
  const node = wfsFormatter.writeTransaction(null, [feature], null, gmlFormatter);
  var payload = xs.serializeToString(node);

  // execute POST
  await fetch(GEOSERVER_BASE_URL + '/wfs', {
    headers: new Headers({
      'Authorization': 'Basic ' + Buffer.from('admin:myawesomegeoserver').toString('base64'),
      'Content-Type': 'text/xml'
    }),
    method: 'POST',
    body: payload
  });

  // clear wfs layer features to force reload from backend to ensure latest properties
  //  are available
  featuresLayerRef.current.getSource().refresh();

  // display updated feature data on map
  setFeatureData(JSON.stringify(featureData));
}

>>> src.read()
rasterio._err.CPLE_AppDefinedError: TIFFFillTile:Read error at row 512, col 0, tile 3; got 38232 bytes, expected 47086

The above exception was the direct cause of the following exception:

rasterio._err.CPLE_AppDefinedError: TIFFReadEncodedTile() failed.

The above exception was the direct cause of the following exception:

Traceback (most recent call last):
  File "rasterio/_io.pyx", line 968, in rasterio._io.DatasetReaderBase._read
    io_multi_band(self._hds, 0, xoff, yoff, width, height, out, indexes_arr, resampling=resampling)
  File "rasterio/_io.pyx", line 207, in rasterio._io.io_multi_band
    with stack_errors() as checker:
  File "rasterio/_io.pyx", line 213, in rasterio._io.io_multi_band
    return checker.exc_wrap_int(retval)
  File "rasterio/_err.pyx", line 307, in rasterio._err.StackChecker.exc_wrap_int
    raise last
rasterio._err.CPLE_AppDefinedError: /app/tests/data/corrupt.tif, band 1: IReadBlock failed at X offset 1, Y offset 1: TIFFReadEncodedTile() failed.

The above exception was the direct cause of the following exception:

Traceback (most recent call last):
  File "<console>", line 1, in <module>
  File "rasterio/_io.pyx", line 650, in rasterio._io.DatasetReaderBase.read
    out = self._read(indexes, out, window, dtype, resampling=resampling)
  File "rasterio/_io.pyx", line 971, in rasterio._io.DatasetReaderBase._read
    raise RasterioIOError("Read or write failed. See context for details.") from cplerr
rasterio.errors.RasterioIOError: Read or write failed. See context for details.

// Mont-Blanc
const coordinates = new Coordinates('EPSG:4326', 6.864594, 45.833641);

const elevationResult = map.getElevation({ coordinates });
if (result.samples.length > 0) {
    result.samples.sort((a, b) => a.resolution - b.resolution);

    const best = result.samples[0];
    const elevation = best.elevation;

    console.log(`Elevation for coordinate: ${elevation} m`);
}
const coordinates = new Coordinates('EPSG:4326', 6.864594, 45.833641);

const result = { samples: [], coordinates: options.coordinates };

for (const map of allMaps) {
    map.getElevation({ coordinates }, result);
}

if (result.samples.length > 0) {
    result.samples.sort((a, b) => a.resolution - b.resolution);

    const best = result.samples[0];
    const elevation = best.elevation;

    console.log(`Best sample for coordinate: ${elevation} m`);
}
const labelObject = new CSS2DObject(/** options */);

// Mont-Blanc
const coordinates = new Coordinates('EPSG:4326', 6.864594, 45.833641).as('EPSG:3857');

labelObject.position.setX(coordinates.x);
labelObject.position.setY(coordinates.y);

// ... After elevation query on the coordinates

labelObject.position.setZ(elevation);
function updateLabels(extent) {
    // Code
}

map.addEventListener('elevation-changed', ({ extent }) => updateLabels(extent));
This list is now closed, join us on geoserver developer forum: [https:] 
docker pull docker.osgeo.org/geoserver:2.27.x
docker run -it -p8081:8080 docker.osgeo.org/geoserver:2.27.x

id	name	filter_field
1	one	group_a,group_b
2	two	group_b
3	three	group_b,all
4	four	all

id	name	filter_field
1	one	group_a,group_b
2	two	group_b
3	three	group_b,all
4	four	all

Communauté	Ressources	L'emploi	Le marché	L'association	Fils RSS
Forum Blogs Wiki Planet Sites amis	Agenda Biblio Fiches AMO-CNIG Paris PCGIS Téléchargements	Offres d'emploi Banque de CV Formations Démarche Métiers	Geo-Entreprises Geo-Communiqué Appels d'offres	L'association Qui sommes-nous ? Nous aider Bienfaiteurs Partenaires Historique Statuts	Tout le site Job Géomatique Services GeoBlogs ...	Faire un don Mentions légales

Le portail francophone de la géomatique

Canaux

opensource (2 non lus)

Pièce jointe: [télécharger]

Pièce jointe: [télécharger]

Pièce jointe: [télécharger]

Pièce jointe: [télécharger]

Pièce jointe: [télécharger]

Pièce jointe: [télécharger]

Pièce jointe: [télécharger]

Pièce jointe: [télécharger]

Pièce jointe: [télécharger]

Pièce jointe: [télécharger]

Pièce jointe: [télécharger]

Pièce jointe: [télécharger]

Pièce jointe: [télécharger]

Pièce jointe: [télécharger]

Pièce jointe: [télécharger]

Pièce jointe: [télécharger]

Pièce jointe: [télécharger]

Pièce jointe: [télécharger]

Pièce jointe: [télécharger]

Pièce jointe: [télécharger]

Pièce jointe: [télécharger]

Pièce jointe: [télécharger]

Pièce jointe: [télécharger]

Pièce jointe: [télécharger]

Pièce jointe: [télécharger]

Pièce jointe: [télécharger]

Pièce jointe: [télécharger]

Pièce jointe: [télécharger]

Pièce jointe: [télécharger]

Pièce jointe: [télécharger]

Pièce jointe: [télécharger]

Pièce jointe: [télécharger]

Pièce jointe: [télécharger]

Pièce jointe: [télécharger]

Pièce jointe: [télécharger]

Pièce jointe: [télécharger]

Pièce jointe: [télécharger]

Pièce jointe: [télécharger]

Pièce jointe: [télécharger]

Pièce jointe: [télécharger]

Pièce jointe: [télécharger]

Pièce jointe: [télécharger]