emersonbroga/README.md

## README.md

      
    Raw
  

              README.md
            
          
    Coordinates from adrress with Javascript and Google Maps

How to run

open coordinates-axios.html or coordinates-jquery.html in your browser.

Blog Post

Pegar Coordenadas Geográficas à partir de um endereço usando Javascript

  
## coordinates-axios.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://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>


## coordinates-jquery.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>
	<!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>