Skip to content

Commit

Permalink
center view
Browse files Browse the repository at this point in the history
  • Loading branch information
xycarto committed Jan 15, 2024
1 parent 4941e14 commit 8373242
Show file tree
Hide file tree
Showing 7 changed files with 153 additions and 12 deletions.
137 changes: 137 additions & 0 deletions docs/assets/index-K1JON49l.js

Large diffs are not rendered by default.

1 change: 1 addition & 0 deletions docs/assets/index-K1JON49l.js.map

Large diffs are not rendered by default.

2 changes: 2 additions & 0 deletions docs/assets/lerc-Pf7AH1t_.js

Large diffs are not rendered by default.

1 change: 1 addition & 0 deletions docs/assets/lerc-Pf7AH1t_.js.map

Large diffs are not rendered by default.

12 changes: 6 additions & 6 deletions docs/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<title>WESM LiDAR Viewer POC</title>
<script type="module" crossorigin src="./assets/index-ge0m1S8f.js"></script>
<script type="module" crossorigin src="./assets/index-K1JON49l.js"></script>
<link rel="stylesheet" crossorigin href="./assets/index-uiXX5pdq.css">
</head>
<body onload="openNav()">
Expand Down Expand Up @@ -50,11 +50,11 @@ <h1>CA_NoCAL_Wildfires_B1_2018</h1>
<p>
<ul>
<li>Select a layer from the control in the top right of the map window</li>
<li>Click on the layers in the map to obtain information. *Only information for surfaces and grid is shown</li>
<li>Click on the layers in the map to obtain information. </li>
</ul>
</p>
<p>
Information is dispalyed for the layers active in the viewer.
Information is dispalyed for the layers active in the viewer. *Only information for surfaces and grid is shown
</p>
<hr>
<div>
Expand All @@ -72,7 +72,7 @@ <h3>WESM Grid</h3>

<div>
<h3>1m TIN Elevation Model</h3>
<p>This map represents the base elevation derived from LiDAR points. Tree tops, houses and other objects on the land are removed using a Triangular Irregular Network (TIN), revealing an idea of land elevation. A TIN is a representation of a continuous surface consisting entirely of triangular facets (a triangle mesh), used mainly as Discrete Global Grid in primary elevation modeling<br></p>
<p>This map represents the base elevation derived from LiDAR points. Tree tops, houses, and other objects on the land are removed using a Triangular Irregular Network (TIN) model, revealing an idea of land elevation. A TIN is a representation of a continuous surface consisting entirely of triangular facets (a triangle mesh), used mainly as Discrete Global Grid in primary elevation modeling<br></p>

<p>TIN COG S3: <input id="tincog" value="s3://xyc-wesm-viewer/data/cog/California/CA_NoCAL_Wildfires_B1_2018/tin-cog.tif" /><button class="btn" data-clipboard-target="#tincog">
<img src="data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20License:%20MIT.%20Made%20by%20jaynewey:%20https://github.com/jaynewey/charm-icons%20--%3e%3csvg%20width='13px'%20height='13px'%20viewBox='0%200%2016%2016'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%20fill='none'%20stroke='%23000000'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='1.5'%3e%3cpath%20d='m11.25%204.25v-2.5h-9.5v9.5h2.5m.5-6.5v9.5h9.5v-9.5z'/%3e%3c/svg%3e" alt="Copy to clipboard" />
Expand All @@ -84,7 +84,7 @@ <h3>1m TIN Elevation Model</h3>

<div>
<h3>1m DSM Model</h3>
<p> This map represents the elevation of all things on the surface derived from LiDAR points. In this map, one can make out where tree tops, house and other surface objects might be.<br></p>
<p> This map represents the elevation of all things on the surface derived from LiDAR points. In this map, one can make out where tree tops, houses, and other surface objects might be.<br></p>

<p>DSM COG S3: <input id="dsmcog" value="s3://xyc-wesm-viewer/data/cog/California/CA_NoCAL_Wildfires_B1_2018/dsm-cog.tif" /><button class="btn" data-clipboard-target="#dsmcog">
<img src="data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20License:%20MIT.%20Made%20by%20jaynewey:%20https://github.com/jaynewey/charm-icons%20--%3e%3csvg%20width='13px'%20height='13px'%20viewBox='0%200%2016%2016'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%20fill='none'%20stroke='%23000000'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='1.5'%3e%3cpath%20d='m11.25%204.25v-2.5h-9.5v9.5h2.5m.5-6.5v9.5h9.5v-9.5z'/%3e%3c/svg%3e" alt="Copy to clipboard" />
Expand Down Expand Up @@ -137,7 +137,7 @@ <h2>Github</h2>
</div>

<div id="navbutton">
<button class="openbtn" onclick="toggleNav()">&#9776; Get Layer Information</button>
<button class="openbtn" onclick="toggleNav()">&#9776; Layer Information</button>
</div>
</div>

Expand Down
10 changes: 5 additions & 5 deletions site-dev/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -48,11 +48,11 @@ <h1>CA_NoCAL_Wildfires_B1_2018</h1>
<p>
<ul>
<li>Select a layer from the control in the top right of the map window</li>
<li>Click on the layers in the map to obtain information. *Only information for surfaces and grid is shown</li>
<li>Click on the layers in the map to obtain information. </li>
</ul>
</p>
<p>
Information is dispalyed for the layers active in the viewer.
Information is dispalyed for the layers active in the viewer. *Only information for surfaces and grid is shown
</p>
<hr>
<div>
Expand All @@ -70,7 +70,7 @@ <h3>WESM Grid</h3>

<div>
<h3>1m TIN Elevation Model</h3>
<p>This map represents the base elevation derived from LiDAR points. Tree tops, houses and other objects on the land are removed using a Triangular Irregular Network (TIN), revealing an idea of land elevation. A TIN is a representation of a continuous surface consisting entirely of triangular facets (a triangle mesh), used mainly as Discrete Global Grid in primary elevation modeling<br></p>
<p>This map represents the base elevation derived from LiDAR points. Tree tops, houses, and other objects on the land are removed using a Triangular Irregular Network (TIN) model, revealing an idea of land elevation. A TIN is a representation of a continuous surface consisting entirely of triangular facets (a triangle mesh), used mainly as Discrete Global Grid in primary elevation modeling<br></p>

<p>TIN COG S3: <input id="tincog" value="s3://xyc-wesm-viewer/data/cog/California/CA_NoCAL_Wildfires_B1_2018/tin-cog.tif" /><button class="btn" data-clipboard-target="#tincog">
<img src="img/clipicon.svg" alt="Copy to clipboard" />
Expand All @@ -82,7 +82,7 @@ <h3>1m TIN Elevation Model</h3>

<div>
<h3>1m DSM Model</h3>
<p> This map represents the elevation of all things on the surface derived from LiDAR points. In this map, one can make out where tree tops, house and other surface objects might be.<br></p>
<p> This map represents the elevation of all things on the surface derived from LiDAR points. In this map, one can make out where tree tops, houses, and other surface objects might be.<br></p>

<p>DSM COG S3: <input id="dsmcog" value="s3://xyc-wesm-viewer/data/cog/California/CA_NoCAL_Wildfires_B1_2018/dsm-cog.tif" /><button class="btn" data-clipboard-target="#dsmcog">
<img src="img/clipicon.svg" alt="Copy to clipboard" />
Expand Down Expand Up @@ -135,7 +135,7 @@ <h2>Github</h2>
</div>

<div id="navbutton">
<button class="openbtn" onclick="toggleNav()">&#9776; Get Layer Information</button>
<button class="openbtn" onclick="toggleNav()">&#9776; Layer Information</button>
</div>
</div>

Expand Down
2 changes: 1 addition & 1 deletion site-dev/main.js
Original file line number Diff line number Diff line change
Expand Up @@ -214,7 +214,7 @@ const map = new Map({
target: 'map',
layers: [osm, overlayMaps],
view: new View({
center: fromLonLat([-120.5, 39.3]),
center: fromLonLat([-120.8, 39.3]),
zoom: 10,
maxZoom: 16
})
Expand Down

0 comments on commit 8373242

Please sign in to comment.