Using Google Maps API with custom tiles
<p>So, basic gist is, I have my own tiles of not the real world I'd like to display with the Google Maps viewer. I've found examples of how to split an existing single image into tiles for use with it, but nothing that deals with setting up your own tiler.</p>

<p>I have map data such as this:
<a href="https://dl.dropboxusercontent.com/u/44766482/superimage/index.html" rel="nofollow">https://dl.dropboxusercontent.com/u/44766482/superimage/index.html</a>
Which right now is just a bunch of 1600x1600 images in an html table. This naive method works, but I'd like to switch to the more robust google api for better zooming and smarter streaming of the image data.</p>

<p>I've been unable to find a good example of how to generate your own tiles for the zoom levels and bring it together with some html/js.</p>

<p>If you want some more information for the goal process;
I have a python script that can output any size tiles of the map, at any zoom level. I'd like to bundle those together into a google maps api website. But in my own efforts I have not found a good example or documentation of how to do that. For one, I can only find examples of how the zoom levels work for the real world map, but not for a custom one.</p>

<p>Edit:</p>

<p>Got most things working as I want them, but I'm still confused regarding the "center" that can be set, as it's in lat and lng, which don't apply. I'd also like to set boundaries as currently it tries to load .png files outside of the maps range.</p>

<p>My current progress:
<a href="https://dl.dropboxusercontent.com/u/44766482/googlemapspreview/index.html" rel="nofollow">https://dl.dropboxusercontent.com/u/44766482/googlemapspreview/index.html</a></p>

<p>Basically, each zoom level is the 4 lower zoom tiles combined. A Projection function can be skipped to get orthogonal mapping.</p>

javascript python html google-maps