{"id":164,"date":"2026-05-31T15:42:32","date_gmt":"2026-05-31T15:42:32","guid":{"rendered":"https:\/\/geo.edesma.org\/blog\/?page_id=164"},"modified":"2026-06-02T01:28:20","modified_gmt":"2026-06-02T01:28:20","slug":"downloads","status":"publish","type":"page","link":"https:\/\/geo.edesma.org\/blog\/?page_id=164&lang=en","title":{"rendered":"QGIS Layer Viewer"},"content":{"rendered":"\n

QGIS Layer Viewer is a lightweight, serverless web map viewer that reads QGIS Layer Definition files (.qlr) and GeoJSON data directly in the browser, rendering them on an OpenLayers map with styling that closely matches the original QGIS project \u2014 including categorized and graduated symbology, dash patterns, glow effects, SVG markers, labels, and map tips.<\/p>\n\n\n\n

You can access the live application at the following link:<\/p>\n\n\n\n

https:\/\/geo.edesma.org\/qgisviewer\/index.html<\/a><\/p>\n\n\n\n

You can also install the application on your own server by downloading the HTML and JavaScript files.<\/p>\n\n\n\n

Download<\/h3>\n\n\n\n
\n

About the code shared here<\/strong><\/p>\n\n\n\n

Everything I publish here is shared freely under the MIT<\/strong> license: use it, adapt it, improve it. I only ask that if you redistribute it, you keep a mention of its origin.<\/p>\n\n\n\n

\u00a9 2025 Eduardo Escalona \u2014 https:\/\/geo.edesma.org\/blog\/<\/a><\/p>\n\n\n\n

That said, the code is provided as is<\/em>. I have tested it in my own projects, but I cannot guarantee it will work in every environment or that it is free of bugs. Use it with good judgment, and if you find something to improve, feedback is always welcome!<\/p>\n<\/div>\n\n\n\n

To deploy it, simply copy two files to any static web server.<\/p>\n\n\n\n

Download here: QGISLayerViewer_1.0.0.zip<\/a><\/p>\n\n\n\n

Note: Version May 30, 2026.<\/p>\n\n\n\n

Sample Data<\/h3>\n\n\n\n

Use the link below to download a compressed file (.zip) with sample data to explore the application:<\/p>\n\n\n\n

https:\/\/geo.edesma.org\/qgisviewer\/QGIS-Layer-Viewer-Data.zip<\/a><\/p>\n\n\n\n

The table below describes the included files and the corresponding drag-and-drop interface option for each one.<\/p>\n\n\n\n

File<\/th>Interface<\/th>Source<\/th><\/tr><\/thead>
Bicycle Ramps.geojson
Bicycle Ramps.qlr<\/td>		GeoJSON + QLR<\/td>data.denvergov.org<\/a> *<\/td><\/tr>
Denver Neighborhoods.geojson
Denver Neighborhoods.qlr<\/td>		GeoJSON + QLR<\/td>data.denvergov.org<\/a> *<\/td><\/tr>
Neighborhood Commute Bike-Walk (%).geojson
Neighborhood Commute Bike-Walk (%).qlr<\/td>		GeoJSON + QLR<\/td>U.S. Census<\/td><\/tr>
Neighborhood.qlr<\/td>QLR + web URL<\/td>data.denvergov.org<\/a> *<\/td><\/tr>
Denver Facilities.geojson
Denver Facilities.qlr<\/td>		GeoJSON + QLR<\/td>OpenStreetMap<\/td><\/tr>
Pub Transp (%).geojson
Pub Transp (%).qlr<\/td>		GeoJSON + QLR<\/td>U.S. Census<\/td><\/tr>
Denver-Facilities-Web-Geojson.qlr<\/td>QLR + web URL<\/td>data.denvergov.org<\/a> *<\/td><\/tr>
Denver Bicycle Facilities.qlr<\/td>QLR + web URL<\/td>data.denvergov.org<\/a> *<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

* Data obtained from the “Trail Access Points For Public Webmap” application, hosted in the ArcGIS Online organization of the City and County of Denver (item ID: 6dd3790764ec4dd1abc2689ff553f95c). Credit: City of Denver Open Data Catalog (http:\/\/data.denvergov.org<\/a>). License: CC BY 3.0 \u2014 http:\/\/creativecommons.org\/licenses\/by\/3.0\/<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"

QGIS Layer Viewer is a lightweight, serverless web map viewer that reads QGIS Layer Definition files (.qlr) and GeoJSON data directly in the browser, rendering them on an OpenLayers map with styling that closely matches the original QGIS project \u2014 including categorized and graduated symbology, dash patterns, glow effects, SVG markers, labels, and map tips. … Continue reading “QGIS Layer Viewer”<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"wikipediapreview_detectlinks":true,"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"footnotes":""},"class_list":["post-164","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"jetpack-related-posts":[{"id":21,"url":"https:\/\/geo.edesma.org\/blog\/?page_id=21&lang=en","url_meta":{"origin":164,"position":0},"title":"QGIS Layer Viewer – User Interface (EN)","author":"admin","date":"May 29, 2026","format":false,"excerpt":"QGIS Layer Viewer is a lightweight, serverless web map viewer that reads QGIS Layer Definition files (.qlr) and GeoJSON data directly in the browser, rendering them on an OpenLayers map with styling that closely matches the original QGIS project \u2014 including categorized and graduated symbology, dash patterns, glow effects, SVG\u2026","rel":"","context":"Similar post","block_context":{"text":"Similar post","link":""},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/geo.edesma.org\/blog\/wp-content\/uploads\/2026\/05\/layers-buttons.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/geo.edesma.org\/blog\/wp-content\/uploads\/2026\/05\/layers-buttons.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/geo.edesma.org\/blog\/wp-content\/uploads\/2026\/05\/layers-buttons.png?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/geo.edesma.org\/blog\/wp-content\/uploads\/2026\/05\/layers-buttons.png?resize=700%2C400&ssl=1 2x"},"classes":[]},{"id":89,"url":"https:\/\/geo.edesma.org\/blog\/?page_id=89&lang=en","url_meta":{"origin":164,"position":1},"title":"About","author":"admin","date":"May 29, 2026","format":false,"excerpt":"Welcome! This is my personal corner on the web, where I share thoughts and ideas ontopics I am passionate about: geography, urban planning, cycling, nature,emergency management, and geographic information systems (GIS). I graduated from the University of Puerto Rico with a Bachelor's degree inGeography and a Professional Master's in Planning.\u2026","rel":"","context":"Similar post","block_context":{"text":"Similar post","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"https:\/\/geo.edesma.org\/blog\/index.php?rest_route=\/wp\/v2\/pages\/164","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/geo.edesma.org\/blog\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/geo.edesma.org\/blog\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/geo.edesma.org\/blog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/geo.edesma.org\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=164"}],"version-history":[{"count":4,"href":"https:\/\/geo.edesma.org\/blog\/index.php?rest_route=\/wp\/v2\/pages\/164\/revisions"}],"predecessor-version":[{"id":183,"href":"https:\/\/geo.edesma.org\/blog\/index.php?rest_route=\/wp\/v2\/pages\/164\/revisions\/183"}],"wp:attachment":[{"href":"https:\/\/geo.edesma.org\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=164"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}