GOOGLE MAPS MAPTILER SOFTWARE
GOOGLE MAPS MAPTILER CODE
GOOGLE MAPS MAPTILER DOWNLOAD

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. Your map overlay starts its life as a really big image (a jpeg or png), which you then ‘slice up' into tiles.The zoom level is a number, from zero upwards, which changes as you zoom in and out of the map (see image above). You need a set of image tiles for each zoom level.In other words, the map is split into an invisible grid and each grid square is a separate image file of 256x256 pixels. A Google map is made using many image ‘tiles’ (see image above).Screenshot taken from the excellent 'Tiles à la Google Maps' website.Ī few things you need to know before you start: Google maps are made up of many separate tiles. The weather map I use is entirely fictitious, but the techniques covered will give you the freedom to create all sorts of interesting things! You'll be able to build historic maps, custom drawn maps, close ups of specific areas such as a university campus - the list is endless! In this tutorial we'll add a 'weather predictions' overlay to the map we built previously. 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).

GOOGLE MAPS MAPTILER CODE

To use these you would need to know the exact coordinate system definition (ideally so called EPSG code - see our ).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. The second coordinates you mentioned look like UTM coordinates or another projected coordinates in meters. It is not a map projection nor projected system. See these video tutorials which demonstrate the usage of Bounding Box:Īnd another which also generates MBTiles and upload these to Amazon S3:īTW WGS84 is a world geodetic system (latitude and longitude) in degrees. MapTiler previews the covered area in the small map window in bottom right corner. A dialog opens when you can directly type the four numbers. Just choose in MapTiler the 'Mercator tiles', then drag&drop in your file, select your coordinate system (default is the WGS84 geodetic latitude / longitude) and on assign location click on Bounding box.

You probably don't need to create a World file then.

In MapTiler ( ) you can use the 'Bounding Box' georeferencing - to provide the four limiting coordinates (north, south, east, west) you mentioned above to assign location to your image directly. The answer is equal to: Creating world file for maptiler

Google maps maptiler