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.
!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>
Gibt es in der Konsole denn irgendeine Meldung?
Also Seite über FTUI öffnen und strg+shift+j bzw. F12 (je nach Browser) drücken.
Nein leider nicht! Keine Fehler oder Warnungen :-[
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.
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.
So. nun rufe ich mit den Widget "iframe" die HTML Seite auf und alles ist wunderbar!
<div data-type="iframe"
data-fill="yes"
data-src="googleTrafficMaps.html">
</div>