https://github.com/imranhsayed/google-maps-javascript-api

:mag_right:Create Google maps for your site with google maps javascript api, address field, marker and info window
https://github.com/imranhsayed/google-maps-javascript-api

api-key dragg google google-api google-maps-api javascript map maps maps-api markers

Last synced: about 2 months ago
JSON representation

:mag_right:Create Google maps for your site with google maps javascript api, address field, marker and info window

• Host: GitHub
• URL: https://github.com/imranhsayed/google-maps-javascript-api
• Owner: imranhsayed
• Created: 2018-02-19T18:34:51.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2019-05-23T09:20:51.000Z (about 6 years ago)
• Last Synced: 2024-12-28T09:04:10.212Z (5 months ago)
• Topics: api-key, dragg, google, google-api, google-maps-api, javascript, map, maps, maps-api, markers
• Language: JavaScript
• Homepage:
• Size: 581 KB
• Stars: 32
• Watchers: 4
• Forks: 27
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Google Maps JavaScript API

:pushpin: A Demo for Google Maps JavaScript API

![](api.png)

## Video Tutorial :video_camera:

1. [Watch Demo Tutorial](https://www.youtube.com/watch?v=yhhkNtdg5x0&list=PLD8nQCAhR3tT9dU8JKLpG3av-WMQGPPFP)

## Step-1-GET API KEY :old_key:

  * [API Dashboard](https://console.cloud.google.com/apis/dashboard)

  * [Google Maps JavaScript Tutorial](https://developers.google.com/maps/documentation/javascript/tutorial)

  * [Get API Key](https://developers.google.com/maps/documentation/javascript/get-api-key)

## Step-2 Create Project :file_folder:

 

  * Login to your google api dashboard

  * Click on Credentials and Create Credentials ( Create Credentials > Api key ) for the above API

  * Get the API key

## Step-3 ENABLE APIS :tanabata_tree:

> Go to Api Library on https://console.cloud.google.com/apis/library and active the below API libraries:

> * 1-Places API

> *	2-Geocoding API

> *	3-Google Maps API