Instructions
The following is a tool I developed to make generating custom ImageMapType Google Map's easy for all. It was inspired by a blog post I read from Mike Gleason where he shared his C#/.NET cmd line program that generated the tiles needed to create a custom Google Map. It was cool but I couldn't help myself take it online and make a web app out of the idea.
Once you've got the high resolution PNG image you'd like to use as a Google Map:
- Select the appropriate zoom level. (it will depend on the resolution image you have)
- Give it a name.
- Upload the image from your computer.
- Sit back and watch the magic..
- Download your newly created tiles & html document that contains the html & js code you need to make use of a custom ImageType map.
Lets do it!
The number of zoom levels you would like. NB. The image you upload needs to be large enough to support all resolutions
The name of your custom Map. This will be used to reference your custom tiles & also will be show as the Map Type Option. E.g Lara in our example to the right. Another example is Level 1, Level 2, Level 3 etc if you are generating a building map...
NB:I'm a sticky beak so will probably check out what you upload. If you want some privacy, download the source from github and run it on your own server.