Page 1 of 1

Panos und google-maps TUTORIAL

Posted: Sat Mar 19, 2011 8:59 pm
by sowonderful
Hallo Gemeinde,

ich habe nun die große Freude euch eine sehr einfache Lösung vorzustellen, um Panoramas mit Google-Maps zu vereinigen.

Das Beispiel ist hier zu sehen

http://s347134613.mialojamiento.es/panotut/zimmer.htm

Die Qualität und Inhalt der Panoramen brauchen wir nicht zu diskutieren. Es geht hier nur um die Verbindung zwischen Panoramen und Geokodierung.
Wie ihr seht ist das Zimmer in Köln und der Platz in Berlin. In jedes HTML-Dokument ist ein Javascriptcode eingebettet, den das Google-Maps API zur Verfügung stellt.
Wenn Ihr auf den Marker klickt zoomt Ihr in die Karte hinein. Die Panoramen sind per URL-Verweis miteinander verlinkt. Also hat der HOTSPOT z.B. die Adresse: zimmer.htm .

Im Quellcode findet ihr im Kopf folgenden Code:


<script type="text/javascript">
var map;
function initialize() {
var myLatlng = new google.maps.LatLng(
52.52374150329883, 13.41156005859375);

Das wichtige sind die GEO-Koordinaten: 52.52374150329883, 13.41156005859375

Die könnt Ihr euch bei GoogleMaps rausfischen.
Die API erlaubt noch vielfältige Erweiterungen.

Falls eurerseits Interesse besteht, werde ich hier ein umfangreicheres Tutorial veröffentlichen.
Denn eine Lösung unter PHP/MYSQL ist noch wesentlich eleganter.

Lieben Gruss

sowonderful