www.bosmon.de/forum

Hier mal mein Script. Ich bekomme den Syntaxfehler in Zeile 62 Zeichen 41 nicht behoben, bzw. weiß ich nicht, wo da Fehler sind.

<html>
<body>
<div id="KarteRoute"></div>
<div id="KarteZiel"></div>
<div id="RouteZumEinsatzort"></div>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sens ... "></script>
<script type="text/javascript">

function initialize()
{
var myOptions = {mapTypeId: google.maps.MapTypeId.ROADMAP};
KarteRoute = new google.maps.Map(document.getElementById("KarteRoute"), myOptions);
RouteZumEinsatzort.setMap(KarteRoute);

RouteZumEinsatzort.setPanel(document.getElementById("RouteZumEinsatzort")); //Wegbeschreibung

var myOptions_Ziel = {mapTypeId: google.maps.MapTypeId.HYBRID};
KarteZiel = new google.maps.Map(document.getElementById("KarteZiel"), myOptions_Ziel);
RouteZumEinsatzortZiel.setMap(KarteZiel);
}

function showRoute()
{
if (Standort.A != Einsatzort.A && Standort.k != Einsatzort.k){
var dest_url = {origin:Standort, destination:Einsatzort, travelMode:google.maps.DirectionsTravelMode.DRIVING};
direction_service.route(dest_url, function(response, status){
if (status == google.maps.DirectionsStatus.OK){
RouteZumEinsatzort.setDirections(response);
}});

var dest_url_Ziel = {origin:Standort, destination:Einsatzort, travelMode:google.maps.DirectionsTravelMode.DRIVING};
direction_service.route(dest_url_Ziel, function(response, status){
if (status == google.maps.DirectionsStatus.OK){
RouteZumEinsatzortZiel.setOptions({ preserveViewport: true });
RouteZumEinsatzortZiel.setDirections(response);
}});

var marker = new google.maps.Marker({ position: Einsatzort, title: "Einsatzort", map: KarteZiel});
KarteZiel.setCenter(Einsatzort);
KarteZiel.setZoom(ZoomEinsatzort);
}
else
{
var marker = new google.maps.Marker({ position: Standort, title: "Standort", map: KarteRoute});
KarteRoute.setZoom(ZoomStartPosition);
KarteRoute.setCenter(Standort);
var marker = new google.maps.Marker({ position: Standort, title: "Standort", map: KarteZiel});
KarteZiel.setZoom(ZoomStartPosition);
KarteZiel.setCenter(Standort);
}
}
var rendererOptions = {draggable: true};
var RouteZumEinsatzort = new google.maps.DirectionsRenderer(rendererOptions);
var RouteZumEinsatzortZiel = new google.maps.DirectionsRenderer(rendererOptions);
var direction_service = new google.maps.DirectionsService();
var KarteRoute;
var KarteZiel;
var geocoder = new google.maps.Geocoder();

var Standort = new google.maps.LatLng(51.93378999999999, 8.917310000000043);//Hier die Start Addresse in Geo-Koordinaten eingeben (die gleiche wie im BosMon)

var Einsatzort = new google.maps.LatLng(%gps_latitude%, %gps_longitude%);
var ZoomStartPosition = 15;
var ZoomEinsatzort = 17;
document.getElementById('KarteRoute').style.width = '800px';
document.getElementById('KarteRoute').style.height = '800px';
document.getElementById('KarteZiel').style.width = '800px';
document.getElementById('KarteZiel').style.height = '800px';
initialize();
showRoute();
</script>

</body>
</html>

PS: Sind die GeoKoordinaten an der richtigen Stelle eingetragen?

Update[GELÖST], TUTORIAL:

Mir ist aufgefallen, dass in dem HTML Script von Marco ein kleiner Fehler in Zeile 42 ist, welcher einen Syntaxfehler auslöst.

%gps_longitude% durch %koordinaten.longitude% ersetzen,
%gps_latitude% durch %koordinaten.latitude% ersetzen.

Wenn ihr das nicht finden solltet, einfach in eurem Editor oder in Notepad++ (je nachdem, was ihr nutzt) Strg+F drücken (Suchfunktion) und dort "longitude" (ohne ") eingeben, Enter drücken,das kleine such- Fenster schließen und dann an der gefundenen Stelle die oben genannten Stellen ändern/ ersetzen.

Nun müsst ihr die Geo Koordinaten eures Standortes( Wache/ Unterkunft) in das Sript einbinden. Und zwar an der Stelle, an der das von Marco so schön hervorgehoben wurde. !!Ganz wichtig: die Koordinaten müssen in die Klammern in Zeile 42 eingetragen werden, in der als Platzhalter (1.23456, 1.23456) steht.
Hier könnt ihr eure Geokoordinaten ermitteln und direkt kopieren: http://www.gpskoordinaten.de/

Speichern!

Bevor ihr denkt, ihr seit fertig und es läuft: nicht zu früh freuen

.
Ihr müsst auch in diesem HTML Script wieder den Geo- API Key einfügen.
Hier einmal den passenden Tutorial- Thread: http://www.bosmon.de/forum/viewtopic.php?t=2735

Anstatt den dortigen Link zum anfordern eines Key's zu nutzen, nutzt ihr folgenden Link, da ihr einen Geolocation- API- Key braucht: https://developers.google.com/maps/docu ... -key?hl=de

Das ganze nochmal anhand des "Tutorial"- Thread, den ich oben genannt habe, auf Richtigkeit prüfen. Da passieren schnell mal Fehler bei der Formatierung...

Wenn eurer Meinung alles richtig ist: in den MapTemplates- Ordner speichern ( zum Beispiel als: " rooting_map.html"), in BosMon als Alarmkarte auswählen und dort die gleichen Geokoordinaten als Startkoordinaten eingeben. bitte auf das Leerzeichen nach dem achten( 1.23456, 1.23456).
Hier bitte beachten, dass wenn ihr Notepad++ nutzt, die (Programmier-) Sprache auf HTML zu setzen, bevor ihr speichert.
Solltet ihr den Windows eigenen Editor nutzen, das erstellte Script unter Dokumente als .html speichern, nicht direkt in den MapTemplates- Ordner( das geht wegen fehlenden admin Rechten nicht). dann geht ihr in euren Dokumente- Ordner, kopiert das html- script und fügt es selbst in den MapTemplates- Ordner ein, da ihr erst min Adminrechten das verschieben/ einfügen freigeben müsst.

dann wie gesagt, in BosMon auswählen, Startkoordinaten eingeben,... der Rest sollte bekannt sein.

Ist jetzt viel Input, aber ich hoffe, dass es leicht nachvollziehbar ist.

Gruß Max

Also ich habe deine Datei genommen , die beiden Sachen geändert und den Key eingefügt , leider geht es immer noch nicht

hier einfügen kann ich den code auch nicht

routing.zip

Was ist falsch ?

Allgemeine Formatierungsfehler

Sind jetzt behoben. Somit soll das Script, nachdem du deinen Geo API Key eingefügt hast, funktionieren.
Wichtig ist, dass du im BosMon Karten- Konfigurationsfenster

: Unbenannt1.png (8.61 KiB) 9637 mal betrachtet

die selben Start- Geokoordinaten eingibst wie im Script.

Hier die editierte Datei:

routing.rar: (1.05 KiB) 397-mal heruntergeladen

Gruß Max.

Also ich habe es jetzt nochmal probiert, api key und koordinaten eingegeben , in bosmon das script ausgewählt und er springt zur startadresse

wenn jetzt eine meldung eingeht blinkt die karte kurz auf , bleibt aber auf der startadresse stehen , alle anderen karten springen zur einsatzadresse

Muss ich noch was editieren ?

holgereckardt hat geschrieben:Also ich habe es jetzt nochmal probiert, api key und koordinaten eingegeben , in bosmon das script ausgewählt und er springt zur startadresse

wenn jetzt eine meldung eingeht blinkt die karte kurz auf , bleibt aber auf der startadresse stehen , alle anderen karten springen zur einsatzadresse

Muss ich noch was editieren ?

Hab genau das selbe Problem, hat dadfür jemand bereits eine Lösung

Gruß

Auch bei mir das gleiche

könnte da jemand helfen ?

Hi,

wollte heute das ganze auch mal versuchen. Eine Karte die mir den Startpunkt und den Einsatzort anzeigt. Leider bin ich zu keinem Ergebnis gekommen. Karte geht auf, Startpunkt wird angezeigt und fertig. Ich habe die Datei von "maxdre.redcross" heruntergeladen auch hier das gleiche Problem. API ist drinne, Startpunkt ist der gleiche wie in Bosmon.
Leider ist html überhaubt nicht mein Gebiet. Kann mir da bitte jemand helfen.

gruß

Pasido

Hallo Zusammen,

anbei eine HTML Version wie ich es gemacht habe.
Wichtig APIKEY und Koordinaten ändern.

Woran ich noch arbeite ist das die Wegbeschreibung gedruckt wird.

Gruß

NewWave

Hallo NewWave ,

vielen dank. !!!

funktioniert perfekt.
Endlich eine gute funktionierende Lösung.

Jedoch noch eine Frage, kann man die Beschreibung ausblenden ?

Danke noch mal
Pasidon

www.bosmon.de/forum

Route anzeigen

Re: Route anzeigen

Re: Route anzeigen

Re: Route anzeigen

Re: Route anzeigen

Re: Route anzeigen

Re: Route anzeigen

Re: Route anzeigen

Re: Route anzeigen

Re: Route anzeigen

Re: Route anzeigen