-
Notifications
You must be signed in to change notification settings - Fork 0
/
viajes.php
141 lines (115 loc) · 5.06 KB
/
viajes.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
<!-- PHP -->
<?php
//Clase Carrusel
class Carrusel{
public function __construct($nCapital, $nPais){
$this->nCapital = $nCapital;
$this->nPais = $nPais;
}
public function getCarrusel(){
//construir url
$tag = $this->nCapital .','. $this->nPais. '';
$perPage = 10;
// Fotos públicas recientes
$url = 'http://api.flickr.com/services/feeds/photos_public.gne?';
// $url.= '&api_key='.$api_key;
$url.= '&tags='.$tag;
$url.= '&per_page='.$perPage;
$url.= '&format=json';
$url.= '&nojsoncallback=1';
//obtener datos
$respuesta = file_get_contents($url);
$json = json_decode($respuesta);
if($json==null) {
echo "<h3>Error en el archivo JSON recibido</h3>";
}
else {
echo "<h2>Carrusel de Imágenes</h2>";
echo "<article>";
//mostrar fotos
for($i=0;$i<$perPage;$i++) {
$URLfoto = $json->items[$i]->media->m;
print "<img alt='".$json->items[$i]->title. "' src='".$URLfoto."' />";
}
print "<button data-action=" . "next" . "> > </button> <button data-action=" . "prev" . "> < </button></article>";
echo "</article>";
}
}
}
$carrusel = new Carrusel('Austin', 'EEUU');
//Clase Moneda
class Moneda{
public function __construct($localCoin, $changeCoin){
$this->localCoin = $localCoin;
$this->changeCoin = $changeCoin;
}
public function getChange(){
//apiKey: ba13552d41cda49e010cb991
$apikey = 'ba13552d41cda49e010cb991';
// https://v6.exchangerate-api.com/v6/ba13552d41cda49e010cb991/latest/USD
$url = "https://v6.exchangerate-api.com/v6/$apikey/latest/$this->localCoin";
// Realizar la solicitud con file_get_contents
$response = file_get_contents($url);
$json = json_decode($response, true);
if($json['result'] == 'success'){
echo '1 '. $this->localCoin. ' = ' . $json['conversion_rates'][$this->changeCoin] . ' ' .$this->changeCoin;
}
}
}
$moneda = new Moneda('USD', 'EUR');
?>
<!-- HTML -->
<!DOCTYPE HTML>
<html lang="es">
<head>
<!-- Datos que describen el documento -->
<meta charset="UTF-8" />
<title>F1 DESKTOP - VIAJES</title>
<meta name="author" content="Ángel Macías"/>
<meta name ="description" content ="En este documento puedes encontrar multitud de opciones para tus viajes, como mapas estáticos, dinámicos, el cambio de la moneda local (euros) a la
moneda del país del circuio (dólares) y un carrusel de fotos relacionadas con el país (EEUU)" />
<meta name ="keywords" content ="F1, mapa, EEUU, Estados Unidos, Austin, carreras, viajes, mapa estático, mapa dinámico, google maps, carrusel, fotos, moneda, cambio, euros, dólares, $" />
<meta name ="viewport" content ="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" type="text/css" href="estilo/estilo.css" />
<link rel="stylesheet" type="text/css" href="estilo/layout.css" />
<link rel="stylesheet" type="text/css" href="estilo/viajes.css" />
<link rel="stylesheet" type="text/css" href="estilo/carrusel.css" />
<link rel="icon" href="multimedia/viajes-favicon.ico" type="image/x-icon"/>
<script src="https://code.jquery.com/jquery-3.7.1.js" integrity="sha256-eKhayi8LEQwp4NKxN+CfCh+3qOVUtJn3QNZ0TciWLP4=" crossorigin="anonymous"></script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyC6j4mF6blrc4kZ54S6vYZ2_FpMY9VzyRU" async="" defer=""></script>
</head>
<body>
<!-- Datos con el contenidos que aparece en el navegador -->
<header>
<h1><a href="index.html">F1 Desktop</a></h1>
<nav>
<a href="index.html">Index</a>
<a href="piloto.html">Piloto</a>
<a href="noticias.html">Noticias</a>
<a href="calendario.html">Calendario</a>
<a href="meterologia.html">Meteorologia</a>
<a href="circuito.html">Circuito</a>
<a href="viajes.php" class="active">Viajes</a>
<a href="juegos.html">Juegos</a>
</nav>
</header>
<p>
Estás en <a href="index.html">Inicio</a> >> Viajes
</p>
<main>
<h2>Mapas</h2>
<button onclick="viajes.getStaticMap()">Cargar mapa estático</button>
<button onclick="viajes.getDynamicMap()">Cargar mapa dinámico</button>
</main>
<h2>Conversor de Moneda</h2>
<?php
$moneda->getChange();
?>
<!-- PHP añadir al documento -->
<?php
$carrusel->getCarrusel();
?>
<script src="js/viajes.js">
</script>
</body>
</html>