2012-09-04 11 views
9

Desidero utilizzare la v3 di Google Maps v3 per generare un'interfaccia interattiva di Google Map che utilizza tessere personalizzate per una mappa da un videogioco. L'app deve essere in grado di ingrandire e visualizzare le tessere corrette per ogni livello di zoom.Google Maps api tessere personalizzate per mondo di videogiochi fittizi

Sto cercando alcune risorse o un tutorial su come realizzare questo. L'API di Google Maps v3 sembra discutere solo dell'utilizzo di riquadri personalizzati che si trovano sopra le normali tessere di Google Maps. Ciò non avrebbe senso nella mia applicazione dato che la mia mappa è per un mondo immaginario e non si allinea con nulla nelle mappe del mondo reale. Forse non vedo cosa ho bisogno nella guida dell'API ...

+2

Per chiunque fosse interessato a una risposta ho rinunciato all'API di Google Maps e sono passato a utilizzare http://leafletjs.com. Molto più potente, più facile da sviluppare e ben mantenuto con una buona documentazione. Mai guardato indietro –

+0

Qualche motivo per cui google maps/maps engine non è stato sufficiente? –

+0

Durante lo sviluppo con Leaflet ci sono stati MOLTI casi in cui ho realizzato ciò di cui avevo bisogno in 1 linea di codice rispetto a quello che avrebbe richiesto 30+ linee di codice in Google Maps. Il volantino è Open Source. Sviluppato attivamente su Github. Ecc. È solido. L'API di Google Maps è praticamente una scatola nera. –

risposta

5

È necessario tagliare l'immagine della mappa di gioco personalizzata nella struttura file/directory appropriata che facilita l'integrazione nell'API di Maps (here's an example utilizzando Photoshop e alcuni esempi di codice HTML/JS). Oppure usa uno strumento più amichevole come TileMill, ma questo si aspetta dati in un formato di dati spaziali standard e probabilmente non hai la tua mappa di gioco memorizzata in tale formato. Se puoi seguire questa strada, forniscono anche un server basato su Node.js chiamato TileServe che rende l'integrazione un gioco da ragazzi.

Se ti stai aspettando un carico di traffico, quindi guarda Google Maps Engine per ospitare la tua immagine di mappa di gioco personalizzata direttamente nell'infrastruttura di Google.

8

Controllare la classe ImageMapType nel riferimento. C'è un elegante esempio di piastrelle Moon.

Una delle mie applicazioni preferite è The Internet map, lo sviluppatore ha scritto un bel article su come è stato sviluppato.

+0

Sfortunatamente l'esempio della Luna ha un layout infinitamente orizzontale della piastrellatura, che speravo di evitare. Quindi non ha funzionato per me. –

Problemi correlati