Unbeantwortete Themen | Aktive Themen Aktuelle Zeit: Di 17. Okt 2017, 09:31



Auf das Thema antworten  [ 1 Beitrag ] 
Feuerwehr Infoscreen 
Autor Nachricht

Registriert: Fr 4. Nov 2016, 17:10
Beiträge: 1
Hallo liebe Leute,

vielleicht könnt ihr mir bei meinem Problem weiterhelfen.

Ich schreibe gerade an einem Infoscreen für meine Feuerwehr.
Ich hab 2 verschiedene Templates: Eines für technische Einsätze und eines für Brandeinsätze..

Das für den technischen Einsatz sieht so aus:

Ich habe ein HTML File geschrieben, wo die Zieladresse welche wir von der Leitstelle erhalten, automatisch durch ein kleines Programm von mir ausgeführt wird.

Es ist mit Google Maps Directions API um eine Route zu haben, allerdings ohne dem typischen Aussehen von GMAPS sondern mit OSM.

Bei einem Brandeinsatz, soll es genauso funktionieren, allerdings sollen die Hydranten über OpenFireMap angezeigt werden.

Ich hab das letzte Monat daran recherchiert, aber keine Informationen gefunden, wie ich die OFM in mein HTML packen kann.

Vielleicht kann mir wer von euch weiterhelfen.

Ich habe mal den Code unten reingepostet. Es ist jetzt eine Bespieladresse als Einsatzziel.

Danke im Vorraus und LG von einem Feuerwehrkameraden aus Österreich

Code:

<!--Copyright (c) <2016> <Mathias Willner>

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. -->

<!--Copyright (c) <2016> <Mathias Willner>

Hiermit wird unentgeltlich jeder Person, die eine Kopie der Software und der zugehörigen Dokumentationen (die "Software") erhält, die Erlaubnis erteilt, sie uneingeschränkt zu nutzen, inklusive und ohne Ausnahme mit dem Recht, sie zu verwenden, zu kopieren, zu verändern, zusammenzufügen, zu veröffentlichen, zu verbreiten, zu unterlizenzieren und/oder zu verkaufen, und Personen, denen diese Software überlassen wird, diese Rechte zu verschaffen, unter den folgenden Bedingungen:

Der obige Urheberrechtsvermerk und dieser Erlaubnisvermerk sind in allen Kopien oder Teilkopien der Software beizulegen.

DIE SOFTWARE WIRD OHNE JEDE AUSDRÜCKLICHE ODER IMPLIZIERTE GARANTIE BEREITGESTELLT, EINSCHLIEßLICH DER GARANTIE ZUR BENUTZUNG FÜR DEN VORGESEHENEN ODER EINEM BESTIMMTEN ZWECK SOWIE JEGLICHER RECHTSVERLETZUNG, JEDOCH NICHT DARAUF BESCHRÄNKT. IN KEINEM FALL SIND DIE AUTOREN ODER COPYRIGHTINHABER FÜR JEGLICHEN SCHADEN ODER SONSTIGE ANSPRÜCHE HAFTBAR ZU MACHEN, OB INFOLGE DER ERFÜLLUNG EINES VERTRAGES, EINES DELIKTES ODER ANDERS IM ZUSAMMENHANG MIT DER SOFTWARE ODER SONSTIGER VERWENDUNG DER SOFTWARE ENTSTANDEN.-->

<!DOCTYPE HTML>
<html>
     <head>
          <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
          <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
          <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
       </head>
     
    <style>

        html,body{
            height: 100%;
            width: 100%;
            margin: 0;
            padding: 0;
            overflow: hidden;
        }
       
        div#map{
            height: 100%;
            width: 100%;
            border-style: solid;
            border-width: 5px;
            border-top: 0px;
            z-index: 1;
        }
           
        div#text{
            position: static;
            text-align: center;
            z-index: 5;
            border-style: solid;
            border-width: 5px;
            margin: 0;
        }
       
     </style>

     <body>
          <div id="text"><table><h1>Josef-Kremslehnergasse 2-4, Pressbaum</h1></table></div> <!--HIER ADRESSE EINFÜGEN-----INSERT ADRESS HERE-->
          <div id="map"></div>
          <div id="footer">&copy; <a href="http://www.openstreetmap.org"></a></div>
   
           <script type="text/javascript">
           
             var directionsService = new google.maps.DirectionsService();
             var directionsDisplay = new google.maps.DirectionsRenderer();
             var Target = new google.maps.LatLng(48.18435415,16.0869924);  //HIER KOORDINATEN EINFÜGEN-----INSERT COORDINATES HERE

             var map = new google.maps.Map(document.getElementById('map'), {
               zoom:7,
               center:Target,
               mapTypeId: "OSM",
               mapTypeControl: false,

             });
           
             directionsDisplay.setMap(map);
             directionsDisplay.setPanel(document.getElementById('panel'));
   
             var request = {
               origin: 'Hauptstraße 70, Pressbaum',
               destination: Target,
               travelMode: google.maps.DirectionsTravelMode.DRIVING,
             };
           
   
             directionsService.route(request, function(response, status) {
               if (status == google.maps.DirectionsStatus.OK) {
               directionsDisplay.setDirections(response);
           
             }});
       
             map.mapTypes.set("OSM", new google.maps.ImageMapType({
               getTileUrl: function(coord, zoom) {
               return "http://tile.openstreetmap.org/" + zoom + "/" + coord.x + "/" + coord.y + ".png";},
               tileSize: new google.maps.Size(256, 256),
               name: "OpenStreetMap",
               maxZoom: 20,
               }));
             
           </script>
     </body>
</html>


Fr 4. Nov 2016, 17:22
Profil
Beiträge der letzten Zeit anzeigen:  Sortiere nach  
Auf das Thema antworten   [ 1 Beitrag ] 

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 3 Gäste


Du darfst keine neuen Themen in diesem Forum erstellen.
Du darfst keine Antworten zu Themen in diesem Forum erstellen.
Du darfst deine Beiträge in diesem Forum nicht ändern.
Du darfst deine Beiträge in diesem Forum nicht löschen.
Du darfst keine Dateianhänge in diesem Forum erstellen.

Suche nach:
Gehe zu:  
Powered by phpBB® Forum Software © phpBB Group
Designed by ST Software for PTF.
Deutsche Übersetzung durch phpBB.de