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

google_contact_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.