HOW TO MAKE GOOGLE CHROME EXTENSION -

1- Go To this ink - https://developer.chrome.com/extensions/getstarted

2 - Now you need 4 files to create your own extension

      a)- icon.png (image must be in png format).

      b)- popup.html (This is the display page).

      c)- popup.js (An external javascript file .... *inline javascript is not supported in extension).

      d) -manifest.json(It contains information about your extension).

3- Download the sample repository from this link - https://developer.chrome.com/extensions/getstarted

4- Create a folder and copy these 4 files in the same folder.

5- LOADING YOUR EXTENSION

    a)- Open Google Chrome browser.

    b)- Go to settings>>extensions.

    c) - Click >[load unpacked extension] . 

    d)- Browse your folder.

CONGRATULATIONS !!! 

NOW YOU HAVE YOUR OWN GOOGLE CHROME EXTENSION.

Adding Google maps on your webpage...(javascript API)

>>>>> click on this link - https://developers.google.com/maps/web/ 

 

GOOGLE MAPS API

>>>>>click on the ( get started with the javascript API V3 ) button.

>>>>>copy and paste the above HTML CODE  on your notepad.

>>>>>Now you just need a API_KEY to copy in your HTML CODE.

>>>>>click on this link - https://developers.google.com/maps/documentation/javascript/tutorial#api_key

>>>>>follow the steps showing in below image. 

>>>>Copy the API KEY & replace it from the text (API_KEY) in HTML code.