Skip to main content
SimilarExport ZIP
100%

Make screen from Geoportail site, hiding help

✓ Published0🌍 Public
TThomasG77
Last edited Sep 12, 2021
Created on Sep 12, 2021

This example captures a screenshot of a Geoportail map page after programmatically hiding its help layer. It uses Puppeteer, a Node.js library controlling headless Chrome, to navigate to the provided URL. The script waits for the map to fully load with `waitUntil: 'networkidle0'`, then locates and clicks the `#help-layer` element to dismiss it before saving the view as a PNG. A Python version uses the ported Pyppeteer library with identical logic.

AI-generated description

Make screen from Geoportail site, hiding help

Node version

Prerequisites

Get Node.js with associated npm

Install

npm i

Run

# Default to file example.png
node screenshot-geoportail.js your_geoportail_url

or

node screenshot-geoportail.js your_geoportail_url filename.png

Real example in action

node screenshot-geoportail.js 'https://www.geoportail.gouv.fr/carte?c=-1.55364,47.218383000000046&z=11&l0=ORTHOIMAGERY.ORTHOPHOTOS::GEOPORTAIL:OGC:WMTS(1)&permalink=yes' out.png

Python version

Prerequisites

Get Python 3.6+ and associated pip

Install

python -m pip install pyppeteer

Run

# Default to file example.png
python screenshot-geoportail.py your_geoportail_url

or

python screenshot-geoportail.py your_geoportail_url filename.png

Real example in action

python screenshot-geoportail.py 'https://www.geoportail.gouv.fr/carte?c=-1.55364,47.218383000000046&z=11&l0=ORTHOIMAGERY.ORTHOPHOTOS::GEOPORTAIL:OGC:WMTS(1)&permalink=yes' out.png
ISC Licensed

Similar vizzes

Loading thumbnail…

Gist 0f103baa5001934bf981bb7855d60a5e

This example captures the OpenStreetMap legend at every zoom level from 1 to 19. The code uses Puppeteer to automate a headless browser, setting a French locale and a desktop viewport, then screenshots the legend panel at each zoom step. It relies on Puppeteer’s `page.evaluate`, `boundingBox`, and `page.screenshot` with a clip rectangle to extract the legend region. A companion Python script with PythonMagick computes image signatures to identify duplicate legend images across zoom levels.

TThomasG77
59% match
Loading thumbnail…

Take a snapshot of a page with phantom JS

This example captures a static snapshot of a live web page using PhantomJS. It loads the DC Metro Metrics daily service report for February 23, 2015, then waits five seconds before writing the rendered HTML content to standard output, producing a full page dump. The code relies on PhantomJS’s `webpage` and `system` modules, setting a Chrome user-agent and using `page.open` with a callback and `setTimeout` to ensure the page finishes rendering. The result is a saved HTML file that preserves the report’s final visual state.

LLeeMendelowitz
56% match
Loading thumbnail…

Gist 669840e74e5d863f3867c2946eb31ece

This example uses a headless Chrome setup, orchestrated through a Dockerfile, to render a dynamic web visualization. It shows an animated, interactive scene that likely involves geographic or force-directed elements, as the environment installs Chrome and chromedriver for automated screenshotting or streaming. The Python-based driver, running via `main.py`, relies on Selenium to control the browser and capture frames, while the underlying page would use D3.js’s `d3.forceSimulation` for physics-based layout and `d3.geoPath` for map projections if applicable. The setup explicitly avoids displaying a static image; instead, it captures live rendering from the Canvas or SVG, though the exact output is not visible in the code.

CConorAspell
54% match
Loading thumbnail…

Usage

This example demonstrates how to replay a historical archived version of the CNN homepage through a headless Chrome browser. It loads a specific Wayback Machine capture from December 2017, setting the viewport to a fixed 1920×1080 resolution. The script uses Puppeteer to launch the browser, and injects a custom `magic` function that overrides `document.domain` to mimic the live site’s domain for proper page behavior. The navigation targets the archived URL directly, with a 60-second timeout, and any errors are logged to the console.

NN0taN3rd
53% match
Loading thumbnail…

Gist 86435

This example demonstrates a command-line tool for capturing full-page screenshots of websites using MacRuby and WebKit. It shows a configurable web capture system that loads a URL, optionally resizes the viewport, waits for a specified delay, and saves the rendered page as a PNG. The code relies on the WebKit framework’s WebView and frame load delegation, alongside NSBitmapImageRep to rasterize the view’s content. Users specify options like width, height, output filename, and delay via Ruby’s OptionParser.

CCaged
52% match
Loading thumbnail…

Image Processing

This example demonstrates real-time image processing on map tiles using Polymaps and HTML5 Canvas. The map loads a static image from a URL and renders it through a custom canvas layer, where each tile’s pixel data is read with `getImageData` and halved in intensity before being written back via `putImageData`. The code uses `po.canvas()` to define the layer, `drawImage` to place the source, and `createImageData` to prepare the output. The result shows a visibly darkened version of the original image across the panning map.

Mmbostock
51% match
Loading thumbnail…

Trying to get schooner-tk to work

This example tracks a developer’s frustrated attempts to install and run schooner-tk, a tool for mosaicking Landsat imagery, through a log of browser searches and visited web pages. The timeline reads as a click-stream data visualization, mapping each query and site visit as nodes connected by the sequence of actions. The underlying data comes from a markdown file of terminal commands and Google history. The code uses d3.forceSimulation for the network layout and d3.geoPath to project the geographic locations of visited sites.

SStephen
51% match
Loading thumbnail…

Gist 89bf9a577b15f0a68bb59055eeb415a1

A map of the Paris region displays IGN-F/Geoportail basemap tiles using Leaflet 1.9.2. The code constructs a `L.tileLayer` that requests WMTS tiles from the `wxs.ign.fr` service, specifying the `GEOGRAPHICALGRIDSYSTEMS.PLANIGNV2` layer with a 256-pixel tile size and zoom levels 0–18. Tile coordinates are inserted into the URL via `{z}`, `{y}`, and `{x}` placeholders. The map is centered on coordinates [48.845, 2.424] at zoom 10 using `L.map().setView`.

TThomasG77
51% match