Skip to main content
100%

Get a static map from a viz.json using python

✓ Published0🌍 Public
Aandrewxhill
Last edited Apr 14, 2016
Created on Apr 14, 2016

This example generates a static map image from a CartoDB visualization JSON file using Python. It extracts the map’s center, bounds, zoom level, and visible layer definitions from the viz.json, then constructs a new map configuration with a dark basemap. The code uses the `requests` library to fetch the JSON and the CartoDB Maps API to create a named map, ultimately printing a URL for a static center-positioned PNG at 800x500 pixels.

AI-generated description

Similar vizzes

Loading thumbnail…

Easy example | CartoDB.js

This example loads a CartoDB-hosted map visualization into a full-screen `<div id="map">` using the CartoDB.js library. It calls `cartodb.createVis` with a specific `viz.json` URL, setting initial center coordinates at latitude 0, longitude 0, zoom level 2, and disabling the time slider. The map renders the visualization’s default layers and styling from the referenced CartoDB account. The page includes the CartoDB CSS and JavaScript files from `libs.cartocdn.com`, and any loading errors are logged to the console.

Aandrewbt
72% match
Loading thumbnail…

Create small multiples through the Static Maps API

This example shows how to create small multiples by generating multiple static map images from a CartoDB visualization, each filtered by a different SQL query. It begins with a basemap and one data layer of drought severity data, then produces a sequence of images that isolate individual drought categories. The code uses the CartoDB Static Maps API, fetching map configurations from a `viz.json` URL, building named maps with `requests`, and printing final static map URLs. CartoDB’s dark basemap template and the `usdm_september_2014` table are the visible data sources.

Aandrewxhill
71% match
Loading thumbnail…

Gist 4354110

This visualization displays a map rendered with CartoDB, showing geographic data from a hosted visualization. The page loads a full-screen map using the CartoDB.js library, which initializes the map via `cartodb.createVis` and connects to a remote visualization URL. The map itself is embedded in a fixed-size `<div>` element and relies on CartoDB’s built-in rendering and tile services to draw the geographic layers. The code does not include custom data processing or interaction logic; it simply leverages the CartoDB API to present the pre-configured map.

Aandrewxhill
67% match
Loading thumbnail…

Easy example | CartoDB.js

This example uses CartoDB.js to create an interactive map visualization. The map loads a public CartoDB visualization from a hosted viz.json URL and displays it with a base layer and a CartoDB data layer. The code enables layer interaction, allowing feature hover events to log data through `cartodb.log.log`, and then retrieves the native Leaflet map object to set zoom and pan to Buenos Aires. The visualization uses the CartoDB CSS and JavaScript libraries, with a simple full-screen map container.

Aaaizemberg
66% match
Loading thumbnail…

Make amazing maps with CartoDB

This example uses CartoDB to create interactive maps from a user-supplied VizJSON URL, with a timezone selector to adjust temporal data. It demonstrates a sunrise map built with CartoDB’s Torque engine, overlaying a Leaflet map with the Leaflet.Terminator plugin to show day-night boundaries. The interface lets users paste a VizJSON link, choose a GMT offset, and submit to render the map dynamically. CartoDB.js v3 handles map creation, while the terminator layer visualizes solar terminator positions based on the selected timezone.

Aandrewxhill
65% match
Loading thumbnail…

Instructions for Mapbox basemap in CartoDB

This example demonstrates how to use a Mapbox-hosted basemap inside a CartoDB visualization by constructing a custom XYZ tile URL. It shows the step-by-step process of creating a Mapbox map, retrieving its Map ID from the publish options, and formatting the URL template `http://{s}.tiles.mapbox.com/v3/MAP_ID/{z}/{x}/{y}.png`. The guide then explains how to paste this URL into CartoDB’s basemap selector under “add yours,” using Leaflet’s tile-loading syntax. The workflow relies on CartoDB’s map interface and Mapbox’s tile API, with no custom code or data processing involved.

Aandrewxhill
64% match
Loading thumbnail…

Make amazing maps with CartoDB

A CartoDB example demonstrates how to reformat the timestamp labels on a Torque timeslider for animated maps. Users paste a VIZJSON URL and select between two date formats—one displaying the weekday and time, the other showing a full date—which customizes the slider’s display. The code uses the CartoDB JavaScript API (cartodb.js) to create the visualization and the slider’s formatter function to modify the output. The embedded map is rendered with CartoDB’s tile and overlay layers.

Aandrewxhill
64% match
Loading thumbnail…

Gist fc77170db4eeca1daeb7

This example demonstrates how to initialize a Leaflet map centered at coordinates [0,0] with a zoom level of 2, then add a CartoDB layer to it. The code uses the `L.Map` constructor and `cartodb.createLayer` to load a visualization from a CartoDB visualization JSON URL. Once the layer finishes loading, a callback function is available for further interaction, while an error handler displays an alert if the layer fails to load. The map serves as the base canvas for displaying the CartoDB-provided geographic data.

Aandrewxhill
63% match