2012-09-04 7 views
9

Quiero utilizar la API v3 de Google Maps para generar una interfaz interactiva de Google Map que utiliza fichas personalizadas para un mapa de un videojuego. La aplicación debe poder acercarse y mostrar los mosaicos adecuados para cada nivel de zoom también.Fichas personalizadas api de Google Maps para mundo de videojuegos ficticios

Estoy buscando algunos recursos o un tutorial sobre cómo lograr esto. La API de Google Maps v3 parece solo discutir el uso de fichas personalizadas que se encuentran en la parte superior de las fichas normales de Google Maps. Eso no tendría sentido en mi aplicación ya que mi mapa es para un mundo ficticio y no se alinearía con nada en los mapas del mundo real. Tal vez no veo lo que necesito en la guía de la API ...

+2

Para cualquier persona interesada en una respuesta, renuncié a la API de Google Maps y pasé a usar http://leafletjs.com. Mucho más potente, más fácil de desarrollar y bien mantenido con buena documentación. Nunca miró hacia atrás. –

+0

¿Alguna razón por la cual el motor de google maps/maps no fue suficiente? –

+0

A lo largo del desarrollo con Leaflet hubo MUCHOS casos en los que logré lo que necesitaba en 1 línea de código en comparación con lo que tomaría más de 30 líneas de código en Google Maps. El folleto es de código abierto. Desarrollado activamente en Github. Etc. Es sólido. Google Maps API es prácticamente una caja negra. –

Respuesta

5

Debe recortar su imagen personalizada del mapa del juego en la estructura apropiada de archivos/directorios que hace que la integración con Maps API sea fácil (here's an example usando Photoshop y algunos ejemplos de código HTML/JS). O use una herramienta más amigable como TileMill, pero esto espera datos en un formato de datos espaciales estándar y probablemente no tenga su mapa del juego almacenado en dicho formato. Si puede ir por esa ruta, también proporcionan un servidor basado en Node.js llamado TileServe que hace que la integración sea muy fácil.

Si está esperando una gran cantidad de tráfico, entonces tal vez consulte Google Maps Engine para alojar su imagen personalizada del mapa del juego directamente en la infraestructura de Google.

8

Consulte la clase ImageMapType en la referencia. Hay un buen ejemplo que muestra Moon fichas.

Una de mis aplicaciones favoritas es The Internet map, el desarrollador escribió una muy dulce article sobre cómo fue desarrollada.

+0

Desafortunadamente el ejemplo de la Luna tiene un diseño de mosaico infinitamente horizontal, que esperaba evitar. Entonces eso no funcionó para mí. –

Cuestiones relacionadas