Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. [nicht gelöst] Google Maps Traffic ! in html-Widget

    NEWS

    • Neuer Blog: Fotos und Eindrücke aus Solingen

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    [nicht gelöst] Google Maps Traffic ! in html-Widget

    This topic has been deleted. Only users with topic management privileges can see it.
    • Bluefox
      Bluefox last edited by Segway

      @bahnuhr:

      Hallo,

      man nehme ein html-Widget und gebe bei html folgendes ein:

      ! ````
      !

      <title>Traffic layer</title>
      

      ! ````

      Unten bei key muss der persönliche key eingegeben werden.

      Dann bekommt man eine google maps karte mit den aktuellen Verkehrslinien (grün, gelb, rot).

      Nun zum Problem:

      Ich habe nun versucht bei o.g. Eingaben die Zahlen "maps, lat, lng" durch bindings zu ersetzen (sieht man oben bei //).

      Dies klappt aber nicht !

      warum funktioniert: zoom: 8,

      aber nicht: zoom: {javascript.0.Status.Maps.Zoom},

      Hat da jemand mal ne Idee für mich.

      mfg

      Dieter `
      Erstens, verstehe ich nicht, warum du eigenes Widget da baust.

      https://github.com/ioBroker/ioBroker.vis-map

      Zweitens, so einen Code funktioniert bei mir wunderbar:

      <style>
        #map {
          height: 100%;
        }
      </style>
      <div id="map"></div>
      <script>
      function initMap() {
        var map = new google.maps.Map(document.getElementById('map'), {
          zoom: {dev1},
          //zoom: {javascript.0.Status.Maps.Zoom},
          center: {
              lat: 50.465814, 
              lng: 9.710697
          }
          //center: {lat: {javascript.0.Status.Maps.Breitengrad1}, lng: {javascript.0.Status.Maps.Längengrad1}}
        });
      
        var trafficLayer = new google.maps.TrafficLayer();
        trafficLayer.setMap(map);
      }
      
      </script>
      <script src="https://maps.googleapis.com/maps/api/js?key=YOUR_KEY_HERE&callback=initMap&signed_in=true" async defer>
      </script>
      
      
      1 Reply Last reply Reply Quote 0
      • Bluefox
        Bluefox last edited by

        Jetzt verstehe ich. Du willst Traffic sehen. 😉

        1 Reply Last reply Reply Quote 0
        • bahnuhr
          bahnuhr Forum Testing Most Active last edited by

          @Bluefox:

          Jetzt verstehe ich. Du willst Traffic sehen. 😉 `

          genau, ich wollte traffic

          P.S.

          Wenn es deine Zeit erlaubt würde ich gerne wissen warum dein Code läuft; aber meiner nicht.

          Vielleicht ist es ja in wenigen Worte erklärbar.

          Danke; dein Code läuft.

          mfg

          Dieter

          1 Reply Last reply Reply Quote 0
          • Bluefox
            Bluefox last edited by Segway

            @bahnuhr:

            @Bluefox:

            Jetzt verstehe ich. Du willst Traffic sehen. 😉 `

            genau, ich wollte traffic

            P.S.

            Wenn es deine Zeit erlaubt würde ich gerne wissen warum dein Code läuft; aber meiner nicht.

            Vielleicht ist es ja in wenigen Worte erklärbar.

            Danke; dein Code läuft.

            mfg

            Dieter `

            1. Du versuchst eine ganze Seite zu platzieren mit … auch mit Styling für body, html.

            Das darf man nicht machen. Weil auf der Seite gibt es schon und die dürfen nur einmal sein.

            2. dein Code

                center: {lat: 50.465814, lng: 9.710697}
                //center: {lat: {javascript.0.Status.Maps.Breitengrad1}, lng: {javascript.0.Status.Maps.Längengrad1}}
            

            Wird geparst, d.h. vis versicht eine Variable "lat: 50.465814, lng: 9.710697" und eine "lat: {javascript.0.Status.Maps.Breitengrad1}, lng: {javascript.0.Status.Maps.Längengrad1} zu finden.

            Die findet vis natürlich nicht, und dann wird aus deinem code:

            center: undefined
            //center: undefined
            

            Wenn du Binding ausschalten willst, dann musst du einfach { und } auf unterschiedlichen Zeilen haben. Z.B.

            center: {
            	lat: 50.465814, 
            	lng: 9.710697
            	}
            
            
            1 Reply Last reply Reply Quote 0
            • bahnuhr
              bahnuhr Forum Testing Most Active last edited by

              Danke für die kurze Info.

              Aber ich glaube das ist zu viel für mich.

              Muss mir deine Sätze mal ausdrucken und ganz langsam verstehen was damit gemeint ist.

              Trozdem danke für die Berichtigung meines codes (den ich ja auch aus dem Internet habe).

              mfg

              Dieter

              1 Reply Last reply Reply Quote 0
              • bahnuhr
                bahnuhr Forum Testing Most Active last edited by

                Erstens, verstehe ich nicht, warum du eigenes Widget da baust.
                https://github.com/ioBroker/ioBroker.vis-map
                
                

                @bluefox

                Wäre es denn möglich, wenn man dieses "traffic" in das widget integrieren könnte.

                Doppelt schön wäre es, wenn dieses Feld dann auch per bindings steuerbar wäre (also mit einer Variable die man in Objekt anlegt und per Script verändern könnte; mache ich derzeit so mit zoom, Längen- und Breitengrad).

                mfg

                Dieter

                1 Reply Last reply Reply Quote 0
                • bahnuhr
                  bahnuhr Forum Testing Most Active last edited by

                  @bluefox

                  Liest du noch mit ?

                  1 Reply Last reply Reply Quote 0
                  • Jeeper.at
                    Jeeper.at last edited by

                    Lieber Dieter, Bluefox arbeitet viel in der Nacht.

                    Bitte gib ihm und vielen anderen im Forum doch ein wenig mehr Zeit um zu reagieren. So eine Antwort kann schon mal 1 Tag dauern.

                    Lg

                    Günther

                    1 Reply Last reply Reply Quote 0
                    • bahnuhr
                      bahnuhr Forum Testing Most Active last edited by

                      bluefox hat auf die anderen Punkte äußerst schnell geantwortet.

                      Ich dachte er ist noch online.

                      Aber selbstverständlich lass ich ihm Zeit.

                      Wollte ihn nicht drängen; dachte halt er ist noch online.

                      mfg

                      Dieter

                      1 Reply Last reply Reply Quote 0
                      • bahnuhr
                        bahnuhr Forum Testing Most Active last edited by

                        so: traffic widget läuft.

                        Jetzt will ich noch einen Marker einfügen:
                        filename="bild1.jpg" index="0">~~

                        Dieser Versuch klappt aber nicht. Das Bild wird angezeigt; der Marker aber nicht.

                        Anbei mal der komplette Code:

                        Hat jemand mal ne Idee oder sogar eine Lösung?

                        1 Reply Last reply Reply Quote 0
                        • bahnuhr
                          bahnuhr Forum Testing Most Active last edited by

                          Also, ich bin ein Stück weiter:

                          In der einen View habe ich das Widget "Vis-map".

                          In einer anderen View habe ich ein "basic-html" mit folgendem code.

                          Solange bei html kein Code ! steht funktionieren beide views.

                          Sobald ich aber o.g. Code in dem html widget eintrage werden andere Variablen (die nichts mit den beiden widgets zu tun haben) nicht mehr aktualisiert.

                          Ich brauche nun wirklich mal einen Spezialisten

                          Vermutung von mir:

                          Kann es sein, dass ich durch die Zuweisung im Code () das andere widget so stark störe, dass nichts mehr geht ???

                          Oder an was könnte es liegen ?

                          mfg

                          Dieter

                          1 Reply Last reply Reply Quote 0
                          • bahnuhr
                            bahnuhr Forum Testing Most Active last edited by

                            nach weiteren Tests.

                            Es liegt ganz klar an dem Code

                            Habe diesen jetzt auch mal als map2 umgeschrieben. Gab aber keine Veränderung.

                            Sobald der code im widget eingetragen ist werden andere widgets nicht aktualisiert.

                            Woran dies nun liegt weiß ich nicht; so gut sind meine java oder html Kenntnisse nicht.

                            Da aber auch absolut keine Reaktion von anderen kommt, gehe ich mal davon aus, dass nur ich dieses Problem habe.

                            Deshalb stampfe ich mein Projekt "traffic Ansicht" jetzt ein.

                            Kennzeichne den Thread als "nicht gelöst".

                            mfg

                            Dieter

                            1 Reply Last reply Reply Quote 0
                            • S
                              Snake1024 last edited by

                              Hallo,

                              ich bin Grundsätzlich zur Zeit auch an so einer Implementierung dran und scheitere zur Zeit auch an dem zweiten Widget. Ich möchte gerne zwei Kartenausschnitte auf meinem vis dargestellt bekommen. Bei mir ist es so, dass die reine Karte angezeigt bei beiden angezeigt wird, jedoch nur auf einem der beiden HTML Basic Widgets der "Traffic Layer" angezeigt wird.

                              Ich vermute mal, dass wir evtl. in dieser Funktion ein "unique" Problem haben, leider reichen hierfür nur meine Kenntnisse nicht aus.

                              var trafficLayer = new google.maps.TrafficLayer();
                              

                              Hat hier wer mittlerweile eine Lösung evtl.? Oder ist der vis Adapter für "Maps" bald auch damit ausgestattet?

                              1 Reply Last reply Reply Quote 0
                              • Bluefox
                                Bluefox last edited by

                                vis-map 0.1.4
                                48_2017-04-28_07_53_21-edit_vis.png

                                1 Reply Last reply Reply Quote 0
                                • S
                                  Snake1024 last edited by

                                  😮 😄 MEGA…

                                  wann kann man damit rechnen?

                                  1 Reply Last reply Reply Quote 0
                                  • Bluefox
                                    Bluefox last edited by Segway

                                    @Snake1024:

                                    😮 😄 MEGA…

                                    wann kann man damit rechnen? `

                                    Ist schon in latest repository

                                    1 Reply Last reply Reply Quote 0
                                    • C
                                      Conquest last edited by

                                      Hallo, wo bekomme ich den Google API Schlüssel?

                                      Gruß Torsten

                                      Gesendet von meinem MHA-L29 mit Tapatalk

                                      1 Reply Last reply Reply Quote 0
                                      • Bluefox
                                        Bluefox last edited by Segway

                                        @spoerl.torsten:

                                        Hallo, wo bekomme ich den Google API Schlüssel?

                                        Gruß Torsten

                                        Gesendet von meinem MHA-L29 mit Tapatalk `

                                        https://github.com/ioBroker/ioBroker.vis-map

                                        Da gibt es links. Geht noch?

                                        1 Reply Last reply Reply Quote 0
                                        • C
                                          Conquest last edited by

                                          Ja geht noch danke. Gibt es auch die Möglichkeit die Fahrzeit von Marker 1 zu Marker 2 hinzuzufügen​?

                                          Gesendet von meinem MHA-L29 mit Tapatalk

                                          1 Reply Last reply Reply Quote 0
                                          • S
                                            Snake1024 last edited by

                                            Ist die Version 0.1.4 wirklich im Repository? Ich bekomme die bis jetzt immer noch nicht die neuste Version beim Update angezeigt.

                                            EDIT:

                                            nach mehrfachem "upgrade" habe ich jetzt die neuste Version. Jedoch auf einmal auch js-controller 1.0.0 und vis 0.14xx "verfügbar" sind jedoch angeblich nur niedrigere Versionen. Da scheint was mit dem Repository gerade nicht so ganz zu stimmen..

                                            1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            521
                                            Online

                                            31.8k
                                            Users

                                            80.0k
                                            Topics

                                            1.3m
                                            Posts

                                            vis
                                            13
                                            39
                                            9876
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo