Mapbox GL map that displays a vector tile layer of taxlots, then queries a REST api to return sales info when a taxlot is clicked

100%

Mapbox GL map that displays a vector tile layer of taxlots, then queries a REST api to return sales info when a taxlot is clicked

✓ Published0🌍 Public

Last edited Oct 29, 2015

Created on Oct 29, 2015

A Mapbox GL map displays vector tile taxlots from a Mapbox hosted tile service, with contour lines from terrain data overlaid. Clicking a taxlot queries the Deschutes County ArcGIS REST API for that lot’s sales history, then displays the two most recent sale dates and prices in a side panel. The map uses mapboxgl.Map, mapboxgl.GeoJSONSource, featuresAt, and an XMLHttpRequest-based HttpClient to fetch and render the data.

AI-generated description

Similar vizzes

Loading thumbnail…

Simple Mapbox GL example with a custom vector tile

A Mapbox GL example displays tax lot parcels from a custom vector tile source over a base map. The map loads the "deschutes-taxlots" source, rendered as semi-transparent filled polygons with white outlines, and uses the `featuresAt` API to query features on mouse movement. The page shows the current tax lot ID in an overlay panel, updating live as the cursor moves. The code uses Mapbox GL JS v0.11.1 with the light-v8 style and interactive layer events.

Aajzeigert

85% match

Loading thumbnail…

Mapbox GL JS class demo

This interactive map uses Mapbox GL JS to display the locations of bars and pubs in Bend, Oregon, sourced from OpenStreetMap via Overpass Turbo. Each venue is represented by a point marker on a full-screen, scrollable map, with the points styled as distinct icons. The visualization demonstrates how to load external GeoJSON data into a Mapbox GL JS map and render point features with custom properties, such as the bar's name and amenity type. Users can pan and zoom around the map to explore the distribution of these establishments across the city.

Aajzeigert

67% match

Loading thumbnail…

TileJSON.io - test

This example displays an interactive web map with three overlaid tile layers, including an OpenStreetMap basemap, an Azavea NLCD layer, and a CARTO Voyager basemap. The visualization uses TileJSON 2.2.0 metadata to define tile sources and layer properties such as opacity and visibility, which are rendered in a browser-based map client. A JSON configuration file controls the map’s center point, zoom level, and shareable Gist settings, while the tile layers are fetched from remote servers via standard XYZ tile scheme URLs. The code relies on TileJSON and map rendering APIs to composite and display the geographic data.

Aandrewbt

64% match

Loading thumbnail…

Map Connections | CartoDB.js

Clicking a ZIP code on a gray choropleth map of the lower 48 states triggers a purple line to be drawn from that location to each nearby ski area within 1,000 units. The example uses CartoDB.js to render the base layer and SQL queries to compute line geometries via `ST_MakeLine` and `ST_Centroid`. It also employs Leaflet’s `L.Map` for panning and zooming, with `featureClick` and `featureOver` events managing cursor feedback.

Aandrewxhill

64% match

Loading thumbnail…

Klokantech Basic Preview

This example demonstrates an interactive map of geographic regions, combining OpenMapTiles vector data with a custom local vector source for King County census block groups. It uses Mapbox GL JS to render a full-screen map with a Klokantech Basic style, featuring filled polygons for land cover, water, parks, and agricultural areas, each styled with distinct colors and opacity. The map loads a `klokantech-basic.json` style, which defines layers for residential, grass, wood, and other land-use categories, and overlays the local census data. Navigation controls and URL hash syncing are enabled for user interaction, with styling driven by the Mapbox style specification.

FFloydBull

63% match

Loading thumbnail…

Map Connections | CartoDB.js

Clicking a ZIP code polygon on a U.S. map triggers a dynamic query that draws purple curved lines from that selected area to nearby ski resorts within a 1,000-unit distance. The example uses CartoDB.js with Leaflet to render the base map and vector layers, while a CartoDB SQL API call executes `ST_MakeLine`, `ST_Segmentize`, and `ST_Transform` to generate geodesic connection paths in GeoJSON format. Interactivity includes cursor changes on feature hover and line removal/replacement on each new click, with styling controlled through CartoCSS.

Aandrewxhill

63% match

Loading thumbnail…

A basic map with MapboxGL.js

This example shows a basic interactive map of the Netherlands, displaying earthquake data as colored circles and extruded 3D buffers. The map uses MapboxGL.js v0.44.0 to render vector tiles from the PDOK topotiles service and GeoJSON point and buffer data from GitHub. Circle radius and fill-extrusion heights are interpolated based on zoom level, while colors are assigned categorically by earthquake type. The code defines a full Mapbox style object inline, including sources, layers, and paint properties.

NNieneB

62% match

Loading thumbnail…

Seismic test

An interactive map displays seismic data for the Portland area, including fault lines, liquefaction susceptibility zones, and station markers. Users can toggle layer visibility and adjust the return period slider to filter seismic hazard layers. The visualization uses Mapbox GL JS with custom vector tile sources for faults and service areas, styled through Mapbox Studio. A Bootstrap panel provides UI controls, while jQuery handles interactions, and station information updates on hover.

Aajzeigert

62% match