für eine interaktive Suche Javascript-Karte Lösung, die, Marker ermöglicht das Zoomen in und arbeitet mit Bitmap-Bild (nicht SVG))

Question

Hier ist ein schöner, aber es darf nicht ein-.

MobilyMap

Ich frage mich, Wenn jemand das Zoomen für dieses Plug-In bereits implementiert hat?

Letztendlich, wenn es eine Anleitung, wie kann ich eine einzelne 300dpi oder so map PNG-Datei einfach und es dann zu sagen, 30% seiner Größe und angezeigt wird, wenn auf einen beliebigen Punkt auf dem Bild klicken sie in das Zoomen wird Bereich @ 100% zeigt einige Markierungen, die angeklickt werden können, um ein Ereignis usw. zu starten. wäre toll.

Würde gerne mit SVG oder Canvas gehen, aber anscheinend IE8 unterstützt es nicht, so dass ein Nein dann gehen.

Answer 1

Angenommen, Sie frei gehen wollen:

• Sie können zum Beispiel MapCruncher verwenden, um eine Reihe von Fliesen aus einem großen Bild zu erstellen und sie in Bing Maps verwenden. Ich habe einen Blog-Beitrag zeigt, dass die Prozedur erstellt:

  http://build-failed.blogspot.pt/2012/03/custom-map-tiles-part-1.html

• Eine weitere Option Zoomify ist mit Openlayers zu verwenden. Schauen Sie sich die Demo hier ansehen:

  http://openlayers.org/dev/examples/zoomify.html

• Ein wenig mehr hardcore ist GDAL2Tiles zu verwenden. Es ist ein Python-Skript, das ein Bild in Kacheln konvertiert. Dann können Sie diese Ebene mit den meisten Map-APIs verwenden.

  http://www.gdal.org/gdal2tiles.html

Hinweis: Eine wichtige Sache zu erwähnen, dass zu jedem der Alternativen gilt, ist, dass Sie nicht das Bild auf eine vorhandene Karte zu überlagern müssen. Sie können einfach eine Basisebene mit Ihrem Bild anzeigen.