Google Maps With Marker

Google Maps is a free web mapping service that provides various types of geographical information. Google Maps is a JS(javascript) based API to customize and show information on the maps and integrate map on your webpage. I want to explain about Google Maps API and its usage in this tutorials.

Here I want to explain how you can integrate Google Maps on your webpage and show your location with marker on google map.

Preview of Google Map


Below show simple five steps to integrate google api on your webpage :

Step 1 : Create html where you want to show google map

Step 2 : Write CSS for google map layout

Step 3 : Include jquery library and google map library

Step 4 : Write code for generate google map and create marker.