Buscar cualquier recurso fisico
Geolocalizacion y rastreo automático para detección de coordenadas y calculo de distancias
Uso de la API de Google para la visualización de los recursos fisicos en el mapa
Obtén toda la información necesaria acerca de las sedes
Comparte e Interactúa al instante con toda la comunidad estudiantil de la Uniamazonia
Crear archivo .html y luego se crea un elemento div con el nombre “map” para que contenga el mapa
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
html, body {
height: 100%;
margin: 0;
padding: 0;
}
#map {
height: 100%;
}
</style>
</head>
<body>
<div id="map"></div>
</body>
</html>
Se define una función JavasScript que crea un mapa en el elemento div
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
html, body { height: 100%; margin: 0; padding: 0; }
#map { height: 100%; }
</style>
</head>
<body>
<div id="map"></div>
<script type="text/javascript">
var map;
function initMap() {
map = new google.maps.Map(document.getElementById('map'), {
center: {lat: -34.397, lng: 150.644},
zoom: 8
});
}
</script>
</body>
</html>
var map;
function initMap() {
map = new google.maps.Map(document.getElementById('map'), {
center: {lat: -34.397, lng: 150.644},
zoom: 8
});
}
Se carga JavaScript de Maps API con una etiqueta script
<body>
<div id="map"></div>
<script type="text/javascript">
var map;
function initMap() {
map = new google.maps.Map(document.getElementById('map'), {
center: {lat: -34.397, lng: 150.644},
zoom: 8
});
}
</script>
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap">
</script>
</body>
</html>
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap">
</script>
API REST
Postgis
NodeJS
TypeScript
Angular 2
NodeJS
this.http.get('Aqui la url de tu API')
.map(res => res.json())
.subscribe(data => {
// we've got back the raw data, now generate the core schedule data
// and save the data for later reference
...
this.data = data;
resolve(this.data);
});
AppHackatonIndigo/app/providers/servicios/
loadData() {
this.servicios.load().then((data) => {
console.log('Data: ', data);
this.listServicios = data;
}).catch(err => { });
}
AppHackatonIndigo/app/pages/servicios/servicios.ts