title: Simple Multi-Layer Zoom (map) Tiles in HTML / JavaScript
body: <p>I'm trying to create a simple multi-layer zoom map with tiles in JavaScript (similar to Google Maps --- the more you zoom in the more details you see). I don't want to use the Google Maps API because I am creating fictional treasure maps.</p>
  
  <p>I only want 2 zoom levels --- zoomed out and zoomed in. I made 500 pixel by 500 pixel tiles. The zoomed out view uses only one tile and the zoomed in view uses 4 tiles. The viewable area for the tiles is 75 pixels by 75 pixels (window). In both views the user can pan.</p>
  
  <p>Below are both views:</p>
  
  <p><img src="https://i.stack.imgur.com/ralZR.png" alt="Zoomed In View"></p>
  
  <p><img src="https://i.stack.imgur.com/VhABT.png" alt="Zoomed Out View"></p>
  
  <p>I'm having a tough time getting started. I would like to do this in HTML / CSS / JavaScript. I found something called Polymaps (<a href="http://polymaps.org" rel="nofollow noreferrer">http://polymaps.org</a>) which seems to offer what I want but with a lot of extra features. There's no tutorial on creating a map with custom tiles. Is this possible to easily do with JavaScript? Any recommendations on what to use?</p>