About a year ago, Angular introduced a google map component (@angular/google-maps) as a wrapper of google map javascript API. In this post, we will go over some basics and tips on how to use the component in your application.

Before we start

In order to use the google map component, we need to get a google map API key first. If you don’t already have the key, please follow the steps here to create one: https://developers.google.com/maps/documentation/javascript/get-api-key

Set up

After getting the API key, we need to add the following script to index.html of the application to load a google map. Here is a template of…

Donghoon Jung

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store