CEM How to generate tiles for leaflet basemap - Revision history

Mei: /* generate image tile set */

2024-08-09T18:11:07Z

generate image tile set

← Older revision		Revision as of 18:11, 9 August 2024
Line 50:		Line 50:

	pip install gdal2tiles		pip install gdal2tiles
			(also available from conda)
	(also available from conda)

	Depending on the resolution of the original png file and also the area that it covers,		Depending on the resolution of the original png file and also the area that it covers,

Mei: /* add to leaflet's basemap collection */

2024-08-09T18:10:40Z

add to leaflet's basemap collection

← Older revision		Revision as of 18:10, 9 August 2024
Line 60:		Line 60:

	== add to leaflet's basemap collection ==		== add to leaflet's basemap collection ==

			Move generated data tile folder to the explorer's web data location

			and add the layer information to explorer's basemap declaration.

			<pre>

			var lyr = L.tileLayer('./data/cybershake22_12/{z}/{x}/{y}.png', {tms: 1, opacity: 1, attribution:scecAttribution, minZoom: 5, maxZoom: 13});
			var lyr2 = L.tileLayer('./data/vs30_2022_v2/{z}/{x}/{y}.png', {tms: 1, opacity: 1, attribution:scecAttribution, minZoom: 5, maxZoom: 10});

			baseLayers = {
			"esri topo" : esri_topographic,
			"esri imagery" : esri_imagery,
			"jawg light" : jawg_light,
			"jawg dark" : jawg_dark,
			"osm streets relief" : osm_streets_relief,
			"otm topo": otm_topographic,
			"osm street" : osm_street,
			"esri terrain": esri_terrain,
			"cybershake":lyr,
			"v3 etree":lyr2
			};

			</pre>

Mei: /* generate image tile set */

2024-08-09T18:07:55Z

generate image tile set

← Older revision		Revision as of 18:07, 9 August 2024
Line 45:		Line 45:

	== generate image tile set ==		== generate image tile set ==


			Download gdal2tiles

			pip install gdal2tiles

			(also available from conda)

			Depending on the resolution of the original png file and also the area that it covers,
			zoom level does not have to be higher than 10. (higher zoom equals to more required memory)


			gdal2tiles.py -e --zoom=5-10 georeference_image.tif output_folder

	== add to leaflet's basemap collection ==		== add to leaflet's basemap collection ==

Mei: /* georeference a png image file */

2024-08-09T18:04:13Z

georeference a png image file

← Older revision		Revision as of 18:04, 9 August 2024
Line 8:		Line 8:
	Install QGIS from qgis.org		Install QGIS from qgis.org

	~~// With a png file, Create georeferenced tif image with QGIS~~
	~~// >>QGIS dashboard-load openstreet map-georeferencer-pick coordinates from map to referencer-export tiff image~~
	~~// Create tiles from the georeferenced image with gdal2tiles: (pip install gdal2tiles)~~
	~~// gdal2tiles.py -e --zoom=6-16 georeference_image.tif output_folder~~

	Run QGIS		Run QGIS

Mei: /* georeference a png image file */

2024-08-09T18:03:11Z

georeference a png image file

← Older revision		Revision as of 18:03, 9 August 2024
Line 43:		Line 43:
	\| [[FILE:qgis7.png\|thumb\|300px\|gqis7]]		\| [[FILE:qgis7.png\|thumb\|300px\|gqis7]]
	\| [[FILE:qgis8.png\|thumb\|300px\|gqis8]]		\| [[FILE:qgis8.png\|thumb\|300px\|gqis8]]
			\|}
			{\|
	\| [[FILE:qgis9.png\|thumb\|300px\|gqis9]]		\| [[FILE:qgis9.png\|thumb\|300px\|gqis9]]
	\|}		\|}

Mei: /* georeference a png image file */

2024-08-09T17:57:36Z

georeference a png image file

@@ Line 30: / Line 30: @@
        Georeference and Export a tif file
             select georeferencing and exit
 == generate image tile set ==
 == add to leaflet's basemap collection ==

Mei: /* georeference a png image file */

2024-08-09T17:51:25Z

georeference a png image file

@@ Line 3: / Line 3: @@
 == georeference a png image file ==
 == generate image tile set ==
 == add to leaflet's basemap collection ==

Mei: Created page with "== create new basemap for leaflet == goal: to create leaflet basemap overlay layer == georeference a png image file == == generate image tile set == == add to leaflet's bas..."

2024-08-09T05:47:10Z

Created page with "== create new basemap for leaflet == goal: to create leaflet basemap overlay layer == georeference a png image file == == generate image tile set == == add to leaflet's bas..."

New page

== create new basemap for leaflet ==
goal: to create leaflet basemap overlay layer

== georeference a png image file ==

== generate image tile set ==

== add to leaflet's basemap collection ==