53 lines
2.1 KiB
HTML
53 lines
2.1 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<title>GSV image viewer</title>
|
||
|
|
<link rel="stylesheet" href="style.css">
|
||
|
|
<script src="index.js"></script>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<main>
|
||
|
|
<header>
|
||
|
|
<h1>GSV image viewer</h1>
|
||
|
|
|
||
|
|
</header>
|
||
|
|
|
||
|
|
<section>
|
||
|
|
<br>
|
||
|
|
<p>
|
||
|
|
This tool allows you to view and download the full panoramic imagery from google's street view and google's photo spheres. To view an image, copy the link of the google street view page, paste it into the `input URL` field, and press `Load Image`. The resolution of the image downloaded can be adjusted with the `Resolution Level` field.
|
||
|
|
</p>
|
||
|
|
<canvas id="canvas"></canvas>
|
||
|
|
<canvas id="canvas2"></canvas>
|
||
|
|
|
||
|
|
<hr>
|
||
|
|
|
||
|
|
<div id="infoPanel">
|
||
|
|
<b>Status: </b><span id="infoStatus">N/A</span> |
|
||
|
|
<b>Image Type: </b><span id="infoType">N/A</span> |
|
||
|
|
<b>Image ID: </b><span id="infoID">N/A</span> |
|
||
|
|
<b>Zoom Levels: </b><span id="infoZooms">N/A</span> |
|
||
|
|
<b>Copyright: </b><span id="infoCopyright">N/A</span>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<hr>
|
||
|
|
|
||
|
|
<h2>Controls</h2>
|
||
|
|
<h3>Input URL</h3>
|
||
|
|
<input type="text" placeholder="Input valid link to google streetview or google photoshpere page" name="" id="downloadURL" value="">
|
||
|
|
<input type="button" value="Load Image" id="loadButton">
|
||
|
|
<h3>Resolution Level</h3>
|
||
|
|
<input type="number" name="zoom" id="zoom" value=6>
|
||
|
|
<input type="button" value="Download Image" id="downloadButton">
|
||
|
|
|
||
|
|
Note, this tool is subject to your browsers limitations of HTML canvas. Higher resolution images are rendered to two canvases to bypass the single canvas area limit. The download button may not work with very large images. If the download button does not work, right click and `Save Image As...` on both the top and bottom canvases.
|
||
|
|
|
||
|
|
<hr>
|
||
|
|
|
||
|
|
This tool is not in any way affiliated or endorsed with or by google, google maps, or google street view. <br> Use at your own risk and respect for copyright
|
||
|
|
</section>
|
||
|
|
</main>
|
||
|
|
</body>
|
||
|
|
</html>
|