![google maps maptiler google maps maptiler](https://i.stack.imgur.com/7okL2.jpg)
This is to ensure that your map perfectly lines up with the Google map.
![google maps maptiler google maps maptiler](https://www.maptiler.com/media/2018-09-17-first-batch-of-high-res-satellite-imagery-in-maptiler-cloud-1.png)
You'll use this image as a template and draw your own map on top of it. Not exactly a showcase of artistic talent I know, but it does the job for this demo. Once you have your map jpg using the process described above, open it in Photoshop, or your preferred graphics application. Also, this option is not viable for large and detailed maps a UK map zoomed to level 12 will be too big to open in Photoshop.Īt this stage, I'm not going to complicate things! So in a slight change to the previous tutorial, I’ve changed the max zoom level from 12 to 10 to give us a manageable file size to work with. Tip: Another option is the Google Maps Downloader, but please be mindful of Google T&Cs. The quality of your template map wont be great, but this doesn't matter as you just need it for the outline and you'll delete it eventually. Then enlarge your template map image so it exactly aligns with the corresponding zoomed map segment.Paste the screenshot into your Photoshop file.Go to the Tiles à la Google Maps website and take a screenshot of a segment of your Google map, at your required maximum zoom level.Use your graphics application to open the template map image you've saved.To do this, you can save a template map using maptiler's mashup and then enlarge it in Photoshop to your desired maximum zoom level. ( is useful if you aren't sure what the highest zoom level you need is). Your aim is to create a template in Photoshop (or equivalent graphics application) which is exactly the same size and shape as the Google map you are going to overlay it on top of, when it's at its highest zoom level. Template image into which you create your map. To get started, the first step is to make a template onto which you can create your own overlay.
#Google maps maptiler download#
The source files for every step are available in the download package.
#Google maps maptiler software#
This tutorial explains each step, including the software tools that are (fortunately!) available to automate things and make life a lot easier. It's a repetitive process, in the sense that the image is sliced up once to create a set of tiles for the first zoom level, and then it's sliced up again into smaller segments to create the second set of tiles for the next zoom level, and so on.
![google maps maptiler google maps maptiler](http://2.bp.blogspot.com/-nHBQX-sT5TI/UzITp9jVpXI/AAAAAAAABcc/rGXhMxEU9CY/s3200/maptiler-retina-hidpi.jpg)
This tutorial takes things a step further, explaining how you can create your own custom map and overlay it onto a Google map (such as my 1896 map of Portsmouth). In our previous tutorial we looked at how you can add markers and customize the colors and menus of a Google map using the service's API.