Obtener api key de geolocalizacion de google maps ?

Obtener%2Bapi%2Bkey%2Bde%2B%2BGoogle%2B

Vamos a esta url https://console.developers.google.com/projectselector/apis/dashboard y hacemos click en crear

Selecci%25C3%25B3n 147

Colocamos el nombre de nuestro proyecto en mi caso geolocal2

Selecci%25C3%25B3n 148

Click en ver todos los apis

Selecci%25C3%25B3n 149

Ponemos en el buscador “geolocation API” y damos click en el api

Selecci%25C3%25B3n 150

Click en habilitar

Selecci%25C3%25B3n 151

Click en “API” despues en el Tab “Credenciales” y finalmente click en “Clave de API”

Selecci%25C3%25B3n 152

Se mostrara esta ventana pero no funcionara hasta que coloquemos la restricciones asi que debemos de copiar y gradar la clave y despues hacer click en  RESTRINGIR CLAVE

Selecci%25C3%25B3n 153

Aqui solo ponemos la url de nuestro dominio en mi caso geolocal-prueba.com recomiendo
poner la url con las diferentes  formas con www con http y https si van a usar https

Selecci%25C3%25B3n 155

Ahora podemos usar nuestra api en nuestra nuestro dominio este es un ejemplo del codigo que pueden usar

<!DOCTYPE html>
<html>
<head>
<title>Geolocalizacion</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="//maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
<script src="https://code.jquery.com/jquery-2.2.4.js" integrity="sha256-iT6Q9iMJYuQiMWNd9lDyBUStIq/8PuOW33aOqmvFpqI=" crossorigin="anonymous"></script>
</head>
<body>
<div id="area-google">
<div><h2>Pide jala permisos de hubicacion por google api</h2></div>
<div><button id="pedirgoogle">Pedir permisos geolocalizacion google</button></div>
<div>por api</div>
<div id="alat"></div>
<div id="alon"></div>
<div id="gres"></div>
</div>
</body>

<script>
$(document).ready(function () {
//Al hacer click en el boton
$("#pedirgoogle").click(function () {
$.ajax({
type: 'POST',
data: '',
url: "https://www.googleapis.com/geolocation/v1/geolocate?key=Poner_API_KEY_Aqui",
success: function (result) {
$('#alat').html(result['location']['lat']);
$('#alon').html(result['location']['lng']);
//$('#gres').html(JSON.stringify(result));
},
error: function (xhr, ajaxOptions, thrownError) {
window.alert("error");
}
});
});

</script>


</html>

Ads Blocker Image Powered by Code Help Pro

Ads Blocker Detected!!!

En Programador Novato vivimos de los anuncios, hemos detectado que está utilizando extensiones para bloquear anuncios. Ayudanos deshabilitando tu bloqueador de anuncios. :)