google-mapsgoogle-maps-api-3maptiler

How to integrate a map made in Photoshop with ASP.NET web application?


We have gone through the MapTiler website (http://www.maptiler.com/) and I downloaded the application and tried a sample. It is fantastic. But we have some questions:

1) How can we make integration with Map Tiler with our ASP.NET web application?

2) Once we render our photoshop customized map in google map, how can we put this map in our website because as there are many files created?

Our purpose is, we have a web application for real-estate. We want to put a planning map in google map. So that if any user open it, he can know how the building will look like.


Solution

  • Integration of ASP.NET with the maps generated by MapTiler is equal to any other web technology.

    MapTiler prepares for you a directory structure with hundreds of small JPEG/PNG tiles and a sample ready-to-use HTML/JavaScript viewer which allows zooming on these tiles. If you upload all the files with directories to your web server, same as you do with normal images, then the viewer will display the map online in your websites.

    The next step is then enhancement of the generated sample Google Maps API viewer with ASP.NET - to add binding to your database or other dynamic functionality.

    This is the easiest way.

    If you have large number of maps or if you want to avoid to transfer thousands of small files to the server, then you can choose to render the MBTiles format on this MapTiler screen:

    enter image description here

    In such case the whole map is saved in a single file which is easier to upload to the server, but you need to use a simple tileserver to serve the tiles. We have developed one in PHP (https://github.com/klokantech/tileserver-php/) and in C/C++ (http://www.tileserver.com/). I saw online an alternative made in ASP.NET as well: https://github.com/sainsb/tilecannon