Clever Geek Handbook

Create a custom map like gothere.sg

I am looking for a link on how a custom map like gothere.sg is built . As far as I can understand from their architecture, they use their own map server (their visual map looks so pretty). They still depend on the Google Maps API for geocoding and many other features.

Please write what you understand after seeing gothere.sg or provide a similar link for:

  • Create a custom map like gethere.sg
  • Custom map building
+2


source to share


1 answer


It looks like they are using their own set of stencils to place their own card tiles there, and are using the Google Maps API to create pan / zoom:

From there source (code obfuscated, but there are some easily recognizable bits):

var Ag=new google.maps.TileLayer(
                new google.maps.CopyrightCollection("gothere.sg"),
                10,22,{isPng:true,opacity:1});

This is one of the first things you do when setting up your own TileLayer.

I have already answered a question that included HowTo to implement this kind of thing. You can find it here:

Street marking in Google Maps



They also create their own GUI elements on top of the map there to customize their appearance.

Reply to comment :

In another answer, I'll show a simple example of implementing a custom set of tables. You can find the doco here:

http://code.google.com/apis/maps/documentation/overlays.html#Tile_Layer_Overlays .

You can put whatever you like in your custom tiles, you are of course not limited to the cities that Google has matched. Here are some other examples of custom stencils:

+3


source






More articles:


All Articles