Welt Karte zoomt in das Land mit HTML5

Schaue ich RaphaelJS, D3, und anderen "mapping" - tools (jvectormap, etc), aber ich konnte keine finden Beispiel von einer Welt, Karte, Zoomen Sie in ein Land, das sich auf Mausklick. Ich möchte zunächst sehen Sie eine Weltkarte, und dann, wenn Sie auf ein Land Einzoomen und nur zeigen, dass Land (mit der Welt nicht zeigen, und Sie können verkleinern, um die Welt an jedem Punkt). Hier ist ein schlechtes Beispiel:

http://htmlpreview.github.com/?https://raw.github.com/escobar5/raphael-pan-zoom/master/examples/complete-map/index.html

Können Sie mir ein Beispiel, vorzugsweise in D3, protovis, Raphael, oder andere beliebte SVG/CANVAS Typ-Bibliothek. Ich werden das hinzufügen von viel Daten-Punkte (basierend auf geo-Koords) zu diesen Karten.

Dem nächsten Beispiel zu, was ich brauche, ist die d3-Karte auf http://theartofasking.com aber ich war auf der Suche nach mehr Beispielen.

InformationsquelleAutor Dave Lobby | 2013-01-29
  1. 3

    Sehen Sie sich die zwei Beispiele unter D3.js Welt Karte, Zoomt in jedes Land auf Klicken Sie auf. Sie sollten in der Lage sein zu erweitern, und bauen, was Sie brauchen.

    • Danke, das ist genau das, was ich gesucht habe!
    InformationsquelleAutor iwek
  2. 0

    Baute ich etwas ähnliches vor einer Weile einfach mit SVG und jQuery. Ich bin zu animieren, die gesamte Kartenbreite und-Höhe und verschieben die position fake die Wirkung von Zoomen. Es macht den job, funktioniert mit allen Browsern und verlässt sich nicht auf das erlernen einer neuen Bibliothek.

    https://igr-inc.com/iGR_Global_Statistics_Services/

    Diesem Beispiel vergrößert Kontinenten, aber Sie können gehen Sie in so viele details wie möglich. Haben Sie einen Blick auf die Quelle, ich hoffe, es ist Recht selbsterklärend, aber Schreien, wenn Sie haben, und Abfragen.

    • Danke für den link. Ich sehe, was Sie Taten, aber es paßt nicht in meine use-case. Ich brauche zum laden der einzelnen Länder getrennt von der Welt, weil der Daten-Punkte (nicht zoom in der world view). Betrachten Sie zeichnen sich alle Städte auf einer Weltkarte, es würde nicht gut Aussehen und laden langsam. Aber, ich kann zeigen, einfach nur die Hauptstädte auf der Weltkarte und wenn jemand klickt auf ein Land, kann ich dann laden alle Städte od das Land.
    • Keine Sorge. Es gibt keinen Grund, warum man nicht laden, jedes Land einzeln. Es ist schwierig, beim Umgang mit großen Mengen von SVG-Daten, wie das laden Zeit wird langsam sein. Wenn Ihre Karte muss nicht allzu sehr ins detail, dann könnte man nur verwenden png. Wenn Sie nur 1 Farbe, die Größe der Datei wäre winzig!
    InformationsquelleAutor DanV
  3. 0

    Sehen Sie ein weiteres Beispiel für eine JavaScript-Karte mit zoom-in/out

    http://www.fla-shop.com/products/html5/world/zoom-world-map/

    Es nutzt RaphaelJS.

    InformationsquelleAutor Dmitry Shkarichev
  4. 0

    Dieser Karte können tun, was Sie wollen mit d3, Zoomen in jedem Land, und brechen Sie jedes Land in der ersten Ebene admin-Bezirke (Bezirke /Staaten etc). Für die USA, die großen Staaten, es geht eine Ebene weiter und bricht jedem Staat in den Grafschaften.

    https://github.com/crittercism/critter-world-map

    InformationsquelleAutor asparagino
Schreibe einen Kommentar