Home » Google, Javascript19 September 2017

Display Google Map with Marker using Latitude & Longitude Coordinates

This article shows how you can generate Google Map and display it in your webpage when you have latitude and longitude coordinates value.

We will be using HTML and Javascript to display the Google Map.

First of all, you need to get the Google API Key from Google API Console. You need this API key while displaying Google Map on your webpage. You can get the API Key from here: Get API Key

Here is the full source code:

Note that: At the bottom of the code there is a script src included. You need to put your API Key over there like this:
https://maps.googleapis.com/maps/api/js?key=xxxxxxxxxxxxxxxxxxxx&callback=initMap

Hope this helps. Thanks.

Javascript

Get New Post by Email

Find me on

FacebookTwitterGoogle+LinkedInRSS Feed