1) ir a https://console.developers.google.com
2) click en el combo de proyectos en la esquina superior izquierda
3) click en + para crear uno nuevo
4) escribir el nombre de tu proyecto y click en el boton "create"
click en el boton de "Enable Apis"
(verificar que el combo superior este en tu nuevo proyecto)
5) click en Maps Javascript Api , click en el boton "enable"
*******************
desplegar el menu de la izquierda, ir a APIS
y habilitar:
roads api
maps static api
street view api
places api
geocoding api
directions api
distance matrix api
geolocation api
maps elevation api
timezone api
ir al menu Credentials de cualquiera de las Apis
click en Create Credentials y generar una Credential del tipo Api Key...esta se usara para todas las apis habilitadas en el proyecto
darle un nombre que describa la intencion con la que sera usada, por ejemplo:
maps_api_udacity_course
nuestra primera aplicacion,
por simplicidad lo haremos en una sola pagina web.
en la seccion de head, agregaremos el sgt codigo
<style>
/* Always set the map height explicitly to define the size of the div
* element that contains the map. */
#map {
height: 100%;
}
/* Optional: Makes the sample page fill the window. */
html, body {
height: 100%;
margin: 0;
padding: 0;
}
</style>
<script>
var map;
function initMap() {
map = new google.maps.Map(document.getElementById('map'), {
center: {lat: -34.619108, lng: -58.43131},
zoom: 15
});
}
</script>
<body>
<div id="map"></div>
<script src="https://maps.googleapis.com/maps/api/js?key=TU_API_KEY&callback=initMap"
async defer></script>
</body>
el rsultado sera un mapa con un zoom de 15 teniendo como centro las coordenadas dadas.
tip:
para obtener las coordenadas de una determinada direccion usar la siguiente
pagina
https://google-developers.appspot.com/maps/documentation/utils/geocoder
No hay comentarios:
Publicar un comentario