google-maps-javascript-api icon indicating copy to clipboard operation
google-maps-javascript-api copied to clipboard

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

Google Maps JavaScript API

:pushpin: A Demo for Google Maps JavaScript API

Video Tutorial :video_camera:

  1. Watch Demo Tutorial

Step-1-GET API KEY :old_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