Skip to content

Instantly share code, notes, and snippets.

@emersonbroga
Last active October 28, 2022 00:24
Show Gist options
  • Save emersonbroga/ab49dce023b80d16a86a846f6186611c to your computer and use it in GitHub Desktop.
Save emersonbroga/ab49dce023b80d16a86a846f6186611c to your computer and use it in GitHub Desktop.
<!DOCTYPE html>
<html>
<head>
<title>Emerson Carvalho - Pegar Coordenadas Geográficas à partir de um endereço usando Javascript (2019)</title>
</head>
<body>
<script src="https://unpkg.com/axios/dist/axios.min.js" type="text/javascript"></script>
<script type="text/javascript">
const API_URL = 'https://maps.googleapis.com/maps/api/geocode/json';
const API_KEY = '';
const doRequest = (url) => {
const promisseCallback = (resolve, reject) => {
axios.get(url).then((result)=> {
resolve(result.data);
}).catch(reject);
};
return new Promise(promisseCallback);
}
const getApiUrl = (address) => {
return `${API_URL}?key=${API_KEY}&address=${encodeURI(address)}`;
}
const address = '368 Broadway, New York, NY 10013, USA';
(async () => {
const apiUrl = getApiUrl(address);
const data = await doRequest(apiUrl);
if (!data || data.error_message) {
const message = (data && data.error_message) ? data.error_message : 'Api Error';
console.log(message);
return;
}
console.log(data.results[0].geometry.location);
})();
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Emerson Carvalho - Pegar Coordenadas Geográficas à partir de um endereço usando Javascript (2019)</title>
</head>
<body>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
const API_URL = 'https://maps.googleapis.com/maps/api/geocode/json';
const API_KEY = '';
const doRequest = (url) => {
const promisseCallback = (resolve, reject) => {
$.ajax({
url: url,
type: 'GET',
success: resolve,
error: reject,
});
};
return new Promise(promisseCallback);
}
const getApiUrl = (address) => {
return `${API_URL}?key=${API_KEY}&address=${encodeURI(address)}`;
}
const address = '368 Broadway, New York, NY 10013, USA';
(async () => {
const apiUrl = getApiUrl(address);
const data = await doRequest(apiUrl);
if (!data || data.error_message) {
const message = (data && data.error_message) ? data.error_message : 'Api Error';
console.log(message);
return;
}
console.log(data.results[0].geometry.location);
})();
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment