Google Maps Api Verkehrslage

bjoernbo · 04 Januar 2017, 14:16:52

Hallo zusammen,

ich habe ein Problem mit dem Einbinden der aktuellen Verkehrslage im FTUI.

Ich habe folgenden Code verwendet (mein API Key ausgenommen) Wenn ich nun die Seite über FTUI öffnen will wird mir nichts angezeigt. Wenn ich die Seite allerdings manuell in dem Browser eintrage wird mir sehr wohl die aktuelle Verkehrslage angezeigt. Jemand eine Idee einen Tipp für mich? Danke.

Code Auswählen

!DOCTYPE html>
<html>
  <head>
    <style type="text/css">
      html, body { height: 100%; margin: 0; padding: 0; }
      #map { height: 100%; }
    </style>
  </head>
  <body>
 <div class="page" id="v3_googleTraffic"> 
<div class="gridster">

    <div id="map"></div>
    <script type="text/javascript">

var map;
function initMap() {
  map = new google.maps.Map(document.getElementById('map'), {
    center: {lat: 51.4794163, lng: 7.0832678},
    zoom: 12
  });
  var trafficLayer = new google.maps.TrafficLayer();
  trafficLayer.setMap(map);
}
    </script>
    <script async defer
      src="https://maps.googleapis.com/maps/api/js?key=XXXXXXXXXXXXXXXXXXXXXI&callback=initMap">
    </script>
   
</div>
</div>

</body>
</html>

ChrisK · 04 Januar 2017, 15:03:48

Gibt es in der Konsole denn irgendeine Meldung?
Also Seite über FTUI öffnen und strg+shift+j bzw. F12 (je nach Browser) drücken.

bjoernbo · 04 Januar 2017, 15:45:34

Nein leider nicht! Keine Fehler oder Warnungen

ChrisK · 04 Januar 2017, 15:57:54

Was heißt denn genau "Wenn ich nun die Seite über FTUI öffnen will"? Wie hast Du die Seite eingebunden?

Du könntest in Deine Seite irgendwas statisches einbauen (also z.B. direkt nach <body> ein "abc") um zu gucken, ob FTUI die Seite überhaupt lädt.

bjoernbo · 04 Januar 2017, 16:58:43

also, ich habe die Seite wir oben eingebunden.

rufe ich über ..../tablet/index.html das FTUI auf kann ich auf meine Unterseiten navigieren. Steure ich dann über das Menu die "Verkehrskart" an

Zitathttp://192.168.178.51:8083/fhem/tablet/index_v3.html#v3_googleTraffic.html

bleibt die Seite leer!!

gebe ich aber

Zitathttp://192.168.178.51:8083/fhem/tablet/v3_googleTraffic.html

ein wird mir diese angezeigt"

Meine Idee was ich mal eben ausprobieren will ist, wenn ich die Seite mittels widget="iframe" einbinde was dann passiert.

bjoernbo · 04 Januar 2017, 17:11:12

So. nun rufe ich mit den Widget "iframe" die HTML Seite auf und alles ist wunderbar!

Code Auswählen

<div data-type="iframe" 
    data-fill="yes"
		data-src="googleTrafficMaps.html">
  </div>

FHEM Forum

Google Maps Api Verkehrslage

bjoernbo

ChrisK

bjoernbo

ChrisK

bjoernbo

bjoernbo