Créer une carte personnalisée comme gothere.sg

Question

Je cherche une référence sur la façon dont la carte personnalisée comme gothere.sg est construite. Autant que je peux comprendre en comprenant leur architecture, ils utilisent leur propre serveur de carte (leur carte visuelle est si belle). Sur le géocodage et bien d'autres fonctionnalités, ils dépendent toujours de l'API Google Maps.

S'il vous plaît poster ce que vous entendez de voir gothere.sg ou fournir une référence similaire pour:

1. bâtiment carte personnalisée comme gothere.sg
2. plotting personnalisé de la carte

Answer 1

On dirait qu'ils utilise un tileset personnalisé pour héberger ses propres tuiles de carte et utilise l'API Google Maps pour faire les opérations de panoramique/zoom:

De là source (le code est obscurcie, mais il y a quelques petits facilement reconnaissables):

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

C'est l'une des premières choses que vous avez ne faire lorsque vous configurez votre propre TileLayer.

J'ai déjà répondu à une question qui incluait un HowTo pour implémenter ce genre de chose. Vous pouvez le trouver ici:

Marking streets in Google Maps

Ils sont également en place là-bas propres éléments de l'interface graphique au-dessus de la carte pour personnaliser leur apparence.

Réponse au commentaire:

Dans l'autre réponse que je montre un exemple simple d'une implémentation tileset personnalisée. Vous pouvez trouver le doco pour cela ici:

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

Vous pouvez mettre tout ce que vous voulez dans vos mosaïques personnalisées, vous n'êtes certainement pas limité aux villes que Google a cartographiées. Voici quelques autres exemples de tilesets personnalisés:

• World of Warcraft tileset
• Batmud tileset
• Tower of the Hand tilset