DEV Community

Cha Yang
Cha Yang

Posted on • Edited on

Implementing Google Maps to your projects

Google map is very useful because if you have an application that needs some sort of location finder, you can just use google maps api. The first step is to first get your API key from developers.google.com. There you can click on overview and click get started.
Alt Text
From there, just finish the process to get your API key. You'll want to save it somewhere private just in case. Now all you'll need to do is reference google maps in your HTML file and give it your API key in order to be able to customize a map of your own.
Alt Text
Next, you can start creating the actual map itself and give it a size of whatever you want.
Alt Text
You can even give it a position that you want the map to be in. Like this.
Alt Text
After you've done all those steps, you should have a working map. It also comes with a marker!
Alt Text
Now you can start using your google map for projects like Geo Guesser and such.

Top comments (2)

Collapse
 
jorgevels profile image
Jorge Velasquez

Me gustó el tema de Google maps, pero no encontré la parte donde la Api de Google maps ya no es gratuita, para poder implementar la api key debes ingresar las credenciales de tu tarjeta de crédito, de lo contrario no te permite implementarla.

Collapse
 
eirworks profile image
Rully

it still gives you $200 credits each month for free