Map Image Generator for HTML SVG 360 Viewer

GitHub View on GitHub

Generate map images and apply SVG filters to display equirectangular images in 360-degree perspective views with HTML.

Details in https://mu-777.hatenablog.com/entry/2024/10/13/174630

How to Use

  1. Input parameters and Generate map image
  2. Set equirectangular image URL and Press "Show SVG 360 View"
  3. Now you can see the HTML SVG 360 view

Input

Specify the width of the view image in pixels.
Specify the height of the view image in pixels.
Set the horizontal field of view in degrees.

Result: Generated Map Image

Sample: SVG 360 View

Provide the URL of the equirectangular image. Equirectangular image examples: 360° panoramas with equirectangular projection, Wikimedia Commons 

          
  SVG 360 View Code will be generated here.