https://ceutaica.es/info/ubicacion

1
2<!DOCTYPE html>
3<html lang="en">
4<head>
5    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
6    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7    <title>Ciudad Aut&#xF3;noma de Ceuta - Calidad del aire</title>
8    <meta name="description" content="">
9    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE11">
10
11    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
12    <meta content="telephone=no" name="format-detection">
13    <meta property="og:image" content="path/to/image.jpg">
14    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
15    <link rel="icon" href="/favicon.ico" type="image/x-icon">
16    <link rel="stylesheet" href="/css/main.css" />
17    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.14.0/css/all.css" />
18    

18<script src="/lib/jquery/dist/jquery.min.js"></script>

18
19
20
21    

21<script type="text/javascript">
22        function isIECustom() {
23            var isIEX = !!navigator.userAgent.match(/MSIE /);
24            var isIE11 = !!navigator.userAgent.match(/Trident.*rv\:11\./);
25            return (isIEX || isIE11);
26        }
27    </script>

27
28    
29</head>
30
31<body style="">
32    <div class="overlay-popup" id="loading" >
33    <div class="d-flex justify-content-center align-items-center" style="height:100%">
34        <div class="spinner-border" role="status">
35            <span class="sr-only">Loading...</span>
36        </div>
37    </div>
38</div>
39

40<script type="text/javascript">
41
42    function showLoading() {
43        $('#loading').show();
44    }
45
46    function hideLoading() {
47        $('#loading').hide();
48    }
49
50    $(function () {
51        hideLoading();
52    });
53</script>

53
54        <div id="div-cookies">
55        <div class="alert-cookies">
56            <div class="container">
57                <div class="cookies-txt col-12 col-lg-11">
58                    <b>Esta página web usa cookies</b> Las cookies de este sitio web se usan para personalizar el contenido y los anuncios, ofrecer funciones de redes sociales y analizar el tráfico. Además, compartimos información sobre el uso que haga del sitio web con nuestros partners de redes sociales, publicidad y análisis web, quienes pueden combinarla con otra información que les haya proporcionado o que hayan recopilado a partir del uso que haya hecho de sus servicios.
59                    <a href="http://www.interior.gob.es/politica-de-cookies" target="_blank">Leer m&#xE1;s sobre las cookies</a>
60                    <a class="btn btn-cookies col-12 col-lg-1" data-cookie-string=".AspNet.Consent=yes; expires=Fri, 08 Oct 2027 13:20:22 GMT; path=/; secure; samesite=none" onclick="acceptCookies()">
61                        <span aria-hidden="true">Aceptar</span>
62                    </a>
63                </div>
64            </div>
65        </div>
66    </div>
67    

67<script>
68        function acceptCookies() {
69            var button = document.querySelector("#div-cookies a[data-cookie-string]");
70            document.cookie = button.dataset.cookieString;
71            $("#div-cookies").hide();
72        }
73    </script>

73
74
75
76    <!-- Start HEADER -->
77    
78
79    <header class="header header-default">
80        <iframe  src="https://www.ceuta.es/webs/portada.html" width="100%" height="25" scrolling="no" align="top" frameborder="0" class="wrapper">
81    No Iframes
82</iframe>
83        <div class="p-0">
84            <div class="header-top d-none d-lg-flex has-border-bottom">
85                <div class="container">
86                    <div class="side-left">
87                        <div class="date">
88                            

88<script type="text/javascript">
89                                var meses = new Array("Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio", "Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre");
90                                var diasSemana = new Array("Domingo", "Lunes", "Martes", "Miércoles", "Jueves", "Viernes", "Sábado");
91                                var f = new Date(); document.write(diasSemana[f.getDay()] + " " + f.getDate() + " de " + meses[f.getMonth()] + " de " + f.getFullYear());
92                            </script>

92
93                        </div>
94                    </div>
95                    <!-- LOGIN E IDIOMAS-->
96                    <div class="side-right">
97                        <ul class="lang-wrapper">
98                                <li class="lang-item">
99                                        <a class="" href="/User/Login" target="_self">
100                                            <strong>Login</strong>
101                                        </a>
102                                </li>
103                        </ul>
104                    </div>
105                </div>
106            </div>
107        </div>
108
109
110        <!--Header Logo Nav  -->
111        <div class="header-bottom">
112            <nav class="navbar navbar-expand-lg">
113                <div class="container p-0">
114                        <a class="logo" href="/" target="_self">
115                            <img class="header-logo-img" src="/img/logo.png" alt="logo">
116                        </a>
117
118                    <button data-toggle="collapse" data-target="#main-navigation" class="navbar-toggler collapsed" aria-expanded="false">
119                        <span class="sr-only">Toggle navigation</span>
120                        <span class="navbar-toggler-icon"></span>
121                    </button>
122
123                            <div class="navbar-collapse collapse" id="main-navigation">
124                                <ul class="nav navbar-nav ml-auto">
125                                            <li class="nav-item ">
126                                                <a class="nav-link " href="/" target="_self">Inicio</a>
127                                            </li>
128                                            <li class="nav-item dropdown">
129                                                <a class="nav-link dropdown-toggle active" data-toggle="dropdown" href="#" target="_self">Informaci&#xF3;n</a>
130                                                <div class="dropdown-menu" style="display: none;">
131                                                        <a class="dropdown-item " href="/info" target="_self">Informaci&#xF3;n General</a>
132                                                        <a class="dropdown-item active" href="/info/ubicacion" target="_self">Ubicaci&#xF3;n</a>
133                                                        <a class="dropdown-item " href="/info/normativa" target="_self">Normativa</a>
134
135                                                </div>
136                                            </li>
137                                            <li class="nav-item ">
138                                                <a class="nav-link " href="/ICA" target="_self">&#xCD;ndice de la Calidad del Aire</a>
139                                            </li>
140                                            <li class="nav-item ">
141                                                <a class="nav-link " href="/historicos" target="_self">Hist&#xF3;ricos</a>
142                                            </li>
143                                </ul>
144                            </div>
145                </div>
146            </nav>
147        </div>
148        
149
150
151
152       
153
154    </header>
155
156    <!-- End HEADER -->
157    <main>
158        
159<article class="pt-0 pb-0">
160    <section class="real-search-content">
161        <div class="container full-width">
162            <div class="row">
163                <div class="col-12 col-lg-7 col-md-7 p-0 real-map ">
164                    
165    <div id="map" style="width:100%; height: 100%"> </div>
166        <div id="stationDirection_0" style="display:none">
167            <input id="stationName" name="stationName" type="hidden" value="Puerto Ceuta" />
168            <input id="coordinate_Latitude" name="coordinate_Latitude" type="hidden" value="35.8930" />
169            <input id="coordinate_Longitude" name="coordinate_Longitude" type="hidden" value="-5.3147" />
170        </div>
171        <div id="stationDirection_1" style="display:none">
172            <input id="stationName" name="stationName" type="hidden" value="SN Plaza Constituci&#xF3;n" />
173            <input id="coordinate_Latitude" name="coordinate_Latitude" type="hidden" value="35.8885490" />
174            <input id="coordinate_Longitude" name="coordinate_Longitude" type="hidden" value="-5.3135960" />
175        </div>
176        <div id="stationDirection_2" style="display:none">
177            <input id="stationName" name="stationName" type="hidden" value="SN Plaza Teniente Ruiz" />
178            <input id="coordinate_Latitude" name="coordinate_Latitude" type="hidden" value="35.887733" />
179            <input id="coordinate_Longitude" name="coordinate_Longitude" type="hidden" value="-5.310395" />
180        </div>
181        <div id="stationDirection_3" style="display:none">
182            <input id="stationName" name="stationName" type="hidden" value="UM Gran Via" />
183            <input id="coordinate_Latitude" name="coordinate_Latitude" type="hidden" value="35.888700" />
184            <input id="coordinate_Longitude" name="coordinate_Longitude" type="hidden" value="-5.313145" />
185        </div>
186        <div id="stationDirection_4" style="display:none">
187            <input id="stationName" name="stationName" type="hidden" value="UM Plaza de los Reyes" />
188            <input id="coordinate_Latitude" name="coordinate_Latitude" type="hidden" value="35.88709" />
189            <input id="coordinate_Longitude" name="coordinate_Longitude" type="hidden" value="-5.30845" />
190        </div>
191        <div id="stationDirection_5" style="display:none">
192            <input id="stationName" name="stationName" type="hidden" value="UM Policia" />
193            <input id="coordinate_Latitude" name="coordinate_Latitude" type="hidden" value="35.88669" />
194            <input id="coordinate_Longitude" name="coordinate_Longitude" type="hidden" value="-5.31211" />
195        </div>

196<script type="text/javascript">
197
198
199
200
201        var map;
202        function initialize() {
203
204
205            var mapOptions =
206            {
207                zoom: 15,
208                center: new google.maps.LatLng(35.89187, -5.31643),
209                mapTypeId: google.maps.MapTypeId.ROADMAP
210            };
211
212            map = new google.maps.Map(document.getElementById('map'), mapOptions);
213            //Cerrrar cualquier ventana si clic el mapa
214            google.maps.event.addListener(map, 'click', function () {
215                infowindow.close();
216            });
217
218            var dataFromLS = "<div><h6>ESTACION: Muelle de España</h6> <p style='font-weight: bold;'> Latitud: 35.8930 </p> <p style='font-weight: bold;'>  Longitud:  -5.3147 </p>";
219            const infowindow = new google.maps.InfoWindow({
220                content: dataFromLS,
221                ariaLabel: "Uluru",
222            });
223
224            const marker = new google.maps.Marker({
225                position: new google.maps.LatLng(35.8930, -5.3147),
226                map,
227            });
228
229            marker.addListener("click", () => {
230                infowindow.close();
231                infowindow.open({
232                    anchor: marker,
233                    map,
234                });
235            });
236        }
237
238</script>

238

239<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDu2cYl5v4vbXGf9ayQppZGaK8upenPyLE&callback=initialize"></script>

239
240
241                </div>
242                <div class="col-12 col-lg-5 col-md-5 real-bar pt-100 pb-100 full-height">
243                    <div class="location-txt">
244                        <h3>Ubicaci&#xF3;n</h3>
245                                    <div>
246                                        <h6>Puerto Ceuta</h6>
247                                        <p>
248                                            Muelle Espa&#xF1;a, s/n  <br />
249                                            51001  Stasa.Services.Models.SystemApi.Return.CityRet&#x2B;BaseForUsers<br />
250                                        </p>
251                                        <p>
252                                            35.8930<br />
253                                            -5.3147<br />
254                                        </p>
255                                    </div><br />
256                    </div>
257                </div>
258            </div>
259        </div>
260    </section>
261</article>
262    </main>
263
264
265
266
267    <!-- Start FOOTER -->
268    
269<footer class="footer-top">
270
271    <div class="container">
272        <div class="row pt-50">
273            <div class="col-12 col-md-12 col-lg-3">
274                <div class="footer-widget-container">
275                    <a class="footer-brand" href="/" target="_self">
276                        <img class="header-logo-img" src="/img/logo-footer.png" alt="logo">                
277                        <div class="header-logo-text d-flex flex-column">
278                        </div>
279                    </a>
280                </div>
281            </div>
282                <div class="col-12 col-md-12 col-lg-3">
283                    <div class="footer-widget-container">
284                        <div class="footer-widget-heading footer-widget-heading_paading_left">Men&#xFA;</div>
285                        <div class="footer-widget-menu">
286                            <ul class="footer-widget-link-items">
287                                    <li class="footer-widget-item">
288                                        <a class="footer-widget-link" href="/" target="_self"><i class="fas fa-circle"></i><span>Inicio</span></a>
289                                    </li>
290                                    <li class="footer-widget-item">
291                                        <a class="footer-widget-link" href="/info" target="_self"><i class="fas fa-circle"></i><span>Informaci&#xF3;n General</span></a>
292                                    </li>
293                                    <li class="footer-widget-item">
294                                        <a class="footer-widget-link" href="/info/ubicacion" target="_self"><i class="fas fa-circle"></i><span>Ubicaci&#xF3;n</span></a>
295                                    </li>
296                                    <li class="footer-widget-item">
297                                        <a class="footer-widget-link" href="/info/normativa" target="_self"><i class="fas fa-circle"></i><span>Normativa</span></a>
298                                    </li>
299                                    <li class="footer-widget-item">
300                                        <a class="footer-widget-link" href="/ICA" target="_self"><i class="fas fa-circle"></i><span>&#xCD;ndice de la Calidad del Aire</span></a>
301                                    </li>
302                                    <li class="footer-widget-item">
303                                        <a class="footer-widget-link" href="/historicos" target="_self"><i class="fas fa-circle"></i><span>Hist&#xF3;ricos</span></a>
304                                    </li>
305                            </ul>
306                        </div>
307                    </div>
308                </div>
309
310                <div class="col-12 col-md-12 col-lg-3">
311                    <div class="footer-widget-container">
312                        <div class="footer-widget-heading footer-widget-heading_paading_left">Informaci&#xF3;n</div>
313                        <div class="footer-widget-menu">
314                            <ul class="footer-widget-link-items">
315                                    <li class="footer-widget-item">
316                                        <a class="footer-widget-link" href="/legal/avisolegal" target="_self"> <i class="fas fa-circle"></i><span>Aviso Legal</span></a>
317                                    </li>
318                                    <li class="footer-widget-item">
319                                        <a class="footer-widget-link" href="/legal/politicaprivacidad" target="_self"> <i class="fas fa-circle"></i><span>Pol&#xED;tica de Privacidad</span></a>
320                                    </li>
321                                    <li class="footer-widget-item">
322                                        <a class="footer-widget-link" href="http://www.interior.gob.es/politica-de-cookie

322s" target="_blank"> <i class="fas fa-circle"></i><span>Pol&#xED;tica de Cookies</span></a>
323                                    </li>
324                            </ul>
325                        </div>
326                    </div>
327                </div>
328            <div class="col-12 col-md-12 col-lg-3">
329                <div class="footer-widget-container">
330                    <a class="footer-brand" href="/" target="_self">
331                        <img class="header-logo-img" src="/img/LOGO_FDER_transparente_1_0_blanco.png" alt="logo" height="80">
332                        <div class="header-logo-text d-flex flex-column">
333                        </div>
334                    </a>
335                </div>
336            </div>
337        </div>
338    </div>
339
340    <div class="row">
341        <div class="col-12 p-0">
342            <div class="footer-bottom">
343                <div class="footer-bottom-copyright">Copyright &#xA9; 2020 Ciudad Aut&#xF3;noma de Ceuta. Todos los derechos reservados.</div>
344                <div class="footer-bottom-links">
345                    Desarrollo web: <a href="http://www.stasa.es/" class="footer-bottom-link" target="_blank">Sistemas Tecnológicos Avanzados SA</a>
346                </div>
347            </div>
348        </div>
349    </div>
350</footer>
351    <!-- End FOOTER -->
352
353    

353<script src="/lib/bootstrap/dist/js/bootstrap.bundle.min.js"></script>

353
354    

354<script src="/js/site.js?v=_9Fin0Ngihesw5_p39OeNMuDDDnXS-H0OUz4QUlYZuo"></script>

354
355    
356</body>
357</html>