Skip to main content
100%

make my Json string parsed openlayers.format.geojson - json, openlayers, json-encode, geojson - TechQues.com

✓ Published0🌍 Public
Aadkatrit
Last edited Jan 13, 2014
Created on Jan 13, 2014

This example demonstrates how to parse a JSON string into GeoJSON format so it can be rendered by OpenLayers. The code uses PHP’s `json_encode()` to convert SQL query results into a JSON string, then feeds that string into `OpenLayers.Format.GeoJSON` for parsing. It shows the workflow of transforming raw database output into a format compatible with OpenLayers’ vector layer rendering, enabling the visualization of geographic features from structured data.

AI-generated description

Similar vizzes

Loading thumbnail…

PHP PostGIS to GeoJSON

This PHP script converts PostGIS spatial data into a GeoJSON FeatureCollection for use in web mapping libraries like OpenLayers or Leaflet. It builds a dynamic SQL query from URL parameters—selecting a geometry field, optional attribute fields, a WHERE clause, ordering, and pagination—then calls the PostGIS `st_asgeojson` and `transform` functions to output geometries in the requested SRID. The script escapes JSON strings manually and streams the resulting features with their properties to the client. It uses the PostgreSQL `pg_connect` and `pg_query` APIs for database access.

TThomasG77
65% match
Loading thumbnail…

GeoJSON Experiments

This example displays a GeoJSON dataset as point features on an interactive Mapbox map. It fetches data dynamically from a CouchDB instance using jQuery’s `$.getJSON` method and passes the resulting GeoJSON object directly into the map’s `featureLayer.setGeoJSON` function. The map is initialized with Mapbox.js and positioned over the Philippines at zoom level 5. The code relies on the Mapbox.js and jQuery libraries to combine external geographic data with a tiled base map.

CCliffordAnderson
60% 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
59% match
Loading thumbnail…

Gist 8393714

This visualization displays a set of GeoJSON polygon features—irregular, detailed land-boundary shapes—plotted as an interactive geographic map. The polygon coordinates, which trace long, meandering outlines around the 50.6°N latitude band, are rendered as a filled region, likely using a mapping library to project the coordinates. The example appears to focus on showing raw GeoJSON geometry on a map, with the single polygon standing out against the base map, and could serve as a template for viewing or testing geographic data.

Aadkatrit
59% match
Loading thumbnail…

Leaflet - geoJSON - Polygons

This example creates an interactive web map using the Leaflet library, displaying a custom GeoJSON MultiPolygon feature as a shaded area over OpenStreetMap tiles. The map is initialized with a center point and zoom level, then a tile layer provides the base map. A GeoJSON object defines two polygon shapes—one with a hole—which are added directly to the map via Leaflet’s `L.geoJSON` API. The map uses the VizJS library for tile configuration and fills the entire viewport.

NNPashaP
59% match
Loading thumbnail…

GeoJSON Experiments

This example displays geographic data on an interactive Mapbox map, using the Mapbox.js library and a full-screen map div. It fetches GeoJSON data from a CouchDB view via a jQuery `$.getJSON` call, then loads the returned feature collection into the map’s `featureLayer` with `setGeoJSON`. The map is initialized with `L.mapbox.map` and centered on coordinates (10.1, 125.6) at zoom level 5, showing how dynamic GeoJSON can be rendered on a tiled basemap.

CCliffordAnderson
58% match
Loading thumbnail…

Gist 8393725

The visualization displays a GeoJSON point dataset of named locations—such as Traino, Cascata, and Neviera—near a specific area in Italy, each with a YouTube link. It uses D3.js with a force-directed simulation (`d3.forceSimulation`) to position the points on a map, while `d3.geoPath` renders the geographic features. The points are colored and labeled, and hovering or clicking likely reveals the associated video link. The code relies on the GeoJSON structure for both location data and map boundaries.

Aadkatrit
58% match
Loading thumbnail…

Gist f5e73e2d2b6fe50b2806398780a673d1

This example demonstrates how to convert Natural Earth vector data into GeoJSON format for use in web mapping applications. The shell script employs `ogr2ogr` to download and transform country boundary shapefiles from Natural Earth’s official GitHub repository or website, reprojecting them to EPSG:4326 and setting coordinate precision to six decimal places. The approach leverages GDAL’s virtual file system handlers (`/vsicurl/` and `/vsizip/vsicurl/`) to stream uncompressed or zipped shapefiles directly, avoiding local file storage. The resulting GeoJSON files are ready for consumption by libraries like D3’s `d3.geoPath` or Leaflet.

TThomasG77
58% match