Sunteți pe pagina 1din 4

<html>

<head>

<title>Vehiculo Marciano 2.0</title>

<meta name="viewport" user-scalable=no width='500' height='360'">

<meta charset="utf-8">

<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet/v0.7.7/leaflet.c$

<script src="http://cdn.leafletjs.com/leaflet/v0.7.7/leaflet.js"></script>

<script src="jquery.js" type="text/javascript"></script>

<script src="jquery.form.js" type="text/javascript"></script>

<script language="javascript" src="textos.js"></script>

<meta name="viewport" content="initial-scale=1.0, user-scalable=no">

</head>

<body background = "{{ url_for('static', filename='VenturaMoron.png') }}"/>

<center> <h1>Video Streaming Vehiculo Marciano 2.0</h1></center>

<!-- <div id ="map" style= "width:250px; height:250px; float:left; position:absolute;">


</div>-->

<center><img src="{{ url_for('video_feed_amarillo') }}" width="500"


height="360"></center>
<center><table class=””>

<tr>

<td><button><a href="rojo"><img src="{{ url_for('static', filename='roja.png')}}"


width="60" height="60"/></a></button></td>

<td><button><a href="azul"><img src="{{ url_for('static', filename='azul.png')}}"


width="60" height="60"/></a></button></td>

<td><button><a href="amarillo"><img src="{{ url_for('static',


filename='amarilla.png')}}" width="60" height="60"/></a></button></td>

<td><button><a href="/"><img src="{{ url_for('static', filename='inicio.png')}}"


height="60" width="60" alt="Botón"></a></button></td>

</tr>

</table></center>

<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCjBNgXES9IGmZ3-
TAstMYUBuWMpWvGUwk&callback=initMap"async defer></script>

<?php

$lat = fopen("latitud.txt", "r");

$datoslat = fread($lat, filesize("latitud.txt"));

fclose($lat);

?>

<?php

$lon = fopen("longitud.txt", "r");


$datoslon = fread($lon, filesize("longitud.txt"));

fclose($lon);

?>

<script>

var map;

function initMap() {

map = new google.maps.Map(document.getElementById('map'), {

center: {lat: 36.127315, lng: -5.448356},

zoom: 13,

});

var marker = new google.maps.Marker({

<!-- position: {lat: 43.542194, lng: -5.676875},-->

position: {lat: 36.127315, lng: -5.448356},

map: map,

title: 'I.E.S. "VENTURA MORON"'

});

</script>
</body>

</html>

S-ar putea să vă placă și