2012-09-04 13 views
9

Ich möchte die Google Maps v3 API verwenden, um eine interaktive Google Map-Schnittstelle zu generieren, die benutzerdefinierte Kacheln für eine Karte aus einem Videospiel verwendet. Die App muss in der Lage sein, die richtigen Kacheln für jede Zoomstufe auszuzoomen und anzuzeigen.Google Maps api benutzerdefinierte Fliesen für fiktive Videospielwelt

Ich bin auf der Suche nach Ressourcen oder ein Tutorial, wie dies zu erreichen ist. Die Google Maps v3-API scheint nur die Verwendung von benutzerdefinierten Kacheln zu diskutieren, die über den normalen Google Maps-Kacheln liegen. Das würde in meiner Anwendung keinen Sinn ergeben, da meine Karte für eine fiktive Welt ist und sich nicht mit irgendetwas in den realen Karten decken würde. Vielleicht sehe ich einfach nicht, was ich in der API-Anleitung brauche ...

+2

Für alle, die an einer Antwort interessiert waren, gab ich die Google Maps API auf und wechselte zur Verwendung von http://leafletjs.com. Viel leistungsfähiger, leichter zu entwickeln und mit guter Dokumentation gut gepflegt. Nie zurückgeschaut. –

+0

Irgendein Grund, warum Google Maps/Maps-Engine nicht ausreichend war? –

+0

Während der Entwicklung mit Leaflet gab es VIELE Fälle, in denen ich das erreicht hatte, was ich in einer Codezeile benötigte, verglichen mit dem, was mehr als 30 Codezeilen in Google Maps benötigte. Broschüre ist Open Source. Aktiv auf Github entwickelt. Es ist solide. Google Maps API ist so ziemlich eine Blackbox. –

Antwort

5

Sie müssen entweder Ihr benutzerdefiniertes Spielkartenbild in die entsprechende Datei/Verzeichnisstruktur zerlegen, um die Integration in Google Maps API zu erleichtern (here's an example mit Photoshop und ein Beispiel HTML/JS-Code). Oder verwenden Sie ein benutzerfreundlicheres Werkzeug wie TileMill, aber das erwartet Daten in einem Standard-Raumdatenformat und Sie haben Ihre Spielkarte wahrscheinlich nicht in einem solchen Format gespeichert. Wenn Sie diesen Weg gehen können, bieten sie auch einen Node.js-basierten Server namens TileServe, der die Integration zu einem Kinderspiel macht.

Wenn Sie eine Bootsladung Verkehr erwarten, dann können Sie unter Google Maps Engine Ihr benutzerdefiniertes Spielkartenbild direkt in der Google-Infrastruktur hosten.

8

Überprüfen Sie die ImageMapType Klasse in der Referenz. Es gibt ein nettes Beispiel, das Moon Fliesen zeigt.

Eine meiner Lieblingsanwendungen ist The Internet map, der Entwickler schrieb eine ziemlich süße article auf, wie es entwickelt wurde.

+0

Leider hat das Beispiel des Mondes ein unendlich horizontales Layout, das ich vermeiden wollte. Das hat für mich nicht geklappt. –