Scribble Maps Blog
Unser bisher größtes Release: Mobil und API.
Wir freuen uns riesig (und sind auch ein wenig erleichtert), endlich unsere neue Version von Scribble Maps zu veröffentlichen. Es gibt viel zu berichten. Wir haben sowohl einen neuen basis-editor als auch eine vollständige API herausgebracht.
Wir wollten die neue Version so konsistent gestalten, dass die Nutzer gar nicht merken, dass wir im Grunde alles von Grund auf neu aufgebaut haben. Selbst so einfache Dinge wie benutzerdefinierte Cursor waren eine Herausforderung, da wir die browserübergreifende Kompatibilität wahren wollten. So funktioniert die neue Version sogar noch auf dem IE7.
Nachdem Google angekündigt hatte, die Flash-Version seiner Maps API nicht mehr zu unterstützen, haben wir uns für einige Kernpunkte entschieden, die wir umsetzen wollten, da wir ohnehin einen kompletten Neuaufbau durchführen mussten.
Eine der häufigsten Anfragen, die wir erhielten, war die Möglichkeit, Scribble Maps in einer mobilen Umgebung und insbesondere auf Tablets zu nutzen. Da wir Javascript verwenden, läuft die Anwendung nun auch auf Tablet-Geräten.
Es ist jedoch ein Unterschied, ob eine Kartenanwendung läuft oder ob sie tatsächlich benutzbar ist. In der Desktop-Version von Scribble Maps gibt es beispielsweise Mouseover-Effekte (Roll-overs), die es auf Tablets so nicht gibt.
Das Zeichnen in Scribble Maps funktioniert genau wie bei Canvas. Sie können also im Vorfeld einen Stil festlegen und mehrere Linien zeichnen, die alle diesen Stil übernehmen. Dies gilt nicht nur für Formen, sondern auch für Dinge wie Marker. Es ist also möglich, solche Dinge zu tun.
Die Beziehung, die ein Nutzer zur Karte hat, wird durch Werkzeuge definiert. Indem Sie die Werkzeuge ändern, ändern Sie auch die Art und Weise, wie der Nutzer mit der Karte interagiert.
Bei Scribble Maps hingegen gibt es keine solche Einschränkung. Sobald eine Karte gespeichert ist, kann ein Bild dieser Karte angefordert werden, unabhängig davon, wie viele Daten darauf enthalten sind. Wenn eine Karte gespeichert wird, wird das Bild zudem ungültig und beim nächsten Aufruf neu gerendert. Dies ermöglicht es Ihnen praktisch, Bild-Links zu erstellen, die sich aktualisieren, wenn Sie die Karte ändern.
Unten sehen Sie ein Beispiel für ein solches Bild.
Links
Scribble Maps API
Scribble Maps API-Gruppe
Von Flash zu HTML5/Javascript
Auch wenn viele unserer Nutzer den technologischen Wandel vielleicht nicht ganz nachvollziehen können, sind die Auswirkungen enorm. Der Wechsel von Flash zu HTML5/Javascript war alles andere als einfach, vor allem weil wir das Nutzungserlebnis so nah wie möglich an dem halten wollten, was das ursprüngliche Scribble Maps so beliebt gemacht hat.Wir wollten die neue Version so konsistent gestalten, dass die Nutzer gar nicht merken, dass wir im Grunde alles von Grund auf neu aufgebaut haben. Selbst so einfache Dinge wie benutzerdefinierte Cursor waren eine Herausforderung, da wir die browserübergreifende Kompatibilität wahren wollten. So funktioniert die neue Version sogar noch auf dem IE7.
Nachdem Google angekündigt hatte, die Flash-Version seiner Maps API nicht mehr zu unterstützen, haben wir uns für einige Kernpunkte entschieden, die wir umsetzen wollten, da wir ohnehin einen kompletten Neuaufbau durchführen mussten.
- Wir wollten, dass die Webanwendung sowohl in einer Desktop- als auch in einer mobilen Umgebung funktioniert.
- Wir wollten unsere eigene Rendering-Engine entwickeln, damit wir im Bedarfsfall auf andere API-Anbieter umsteigen können.
- Wir wollten die Nutzungsbedingungen der Mapping-API-Anbieter in keiner Weise verletzen.
- Wir wollten, dass der Neuaufbau API-zentriert ist, damit Entwickler unsere Kartenerstellungstools in ihren eigenen Anwendungen nutzen können.
Scribble Maps auf Mobilgeräten
Eine der häufigsten Anfragen, die wir erhielten, war die Möglichkeit, Scribble Maps in einer mobilen Umgebung und insbesondere auf Tablets zu nutzen. Da wir Javascript verwenden, läuft die Anwendung nun auch auf Tablet-Geräten.Es ist jedoch ein Unterschied, ob eine Kartenanwendung läuft oder ob sie tatsächlich benutzbar ist. In der Desktop-Version von Scribble Maps gibt es beispielsweise Mouseover-Effekte (Roll-overs), die es auf Tablets so nicht gibt.
Dies führte dazu, dass wir das Nutzungserlebnis anpassen, je nachdem, ob Sie ein Touch-Gerät verwenden. Dies geschieht automatisch, ohne dass Sie Code anpassen müssen.
Scribble Maps API
Es gibt etwa ein halbes Dutzend sehr beliebter Mapping-APIs. Wir wollten uns daher speziell auf das Bearbeiten und die Interaktivität konzentrieren und die restliche Visualisierung sowie das Kachel-Rendering den anderen APIs überlassen. Bei der Entscheidung, wie wir die API strukturieren wollten, haben wir uns an JQuery orientiert, einem der besten Stile für die Javascript-Programmierung überhaupt. So ist es möglich, Overlays und Interaktivität in einer einzigen Zeile zu erstellen.
ScribbleMap.draw.line([[lat, lng], [lat2, lng2]], { lineColor: "#0000FF" }).click(function() { alert("Ich wurde angeklickt") });
Das Zeichnen in Scribble Maps funktioniert genau wie bei Canvas. Sie können also im Vorfeld einen Stil festlegen und mehrere Linien zeichnen, die alle diesen Stil übernehmen. Dies gilt nicht nur für Formen, sondern auch für Dinge wie Marker. Es ist also möglich, solche Dinge zu tun.
Die Beziehung, die ein Nutzer zur Karte hat, wird durch Werkzeuge definiert. Indem Sie die Werkzeuge ändern, ändern Sie auch die Art und Weise, wie der Nutzer mit der Karte interagiert.
Dynamic Image API
Eines der Hauptanwendungsgebiete von Scribble Maps ist das Erzeugen von Bildern. Dies stellte für uns beim Abschied von Flash nicht nur ein großes Problem, sondern auch eine neue Chance dar. Bei anderen Karten-APIs gibt es die Möglichkeit, ein „statisches Bild“ zu erstellen. Das Problem bei diesen statischen Image-APIs ist, dass fast alle Einschränkungen bezüglich der Datenmenge auf dem gerenderten Bild haben.Bei Scribble Maps hingegen gibt es keine solche Einschränkung. Sobald eine Karte gespeichert ist, kann ein Bild dieser Karte angefordert werden, unabhängig davon, wie viele Daten darauf enthalten sind. Wenn eine Karte gespeichert wird, wird das Bild zudem ungültig und beim nächsten Aufruf neu gerendert. Dies ermöglicht es Ihnen praktisch, Bild-Links zu erstellen, die sich aktualisieren, wenn Sie die Karte ändern.
Neues Widget
Mit der Version 2.0 haben wir auch ein Widget eingeführt, das mehr UI-Steuerelemente bietet. Dies ist unsere erste Version, und wir werden sie in den kommenden Wochen weiter verbessern.Links
Scribble Maps API
Scribble Maps API-Gruppe