Embed Google map with 2 or more Markers for Web pages




View akshay upadhyay's profile on LinkedIn

Embed Google map with 2 or more Markers in html or for Web pages. Embedding a Google map in html is direct method, where you can directly find the link from Google Maps. Embedding map iframe links are useful in business websites, or locate branches location which can be directly featured and accessed through ones websites.

Embedding Google Map doesn’t means a whole HTML file or long scripts or using Google Map API. Instead it is just <iframe> tag. This means that it is not a image on a web page or application, but instead an interactive map which can be zoomed in or out and drag accordingly. On your website, you can embed a map, Street View image, driving directions, or search into your website or blog. On your computer, phone, or tablet you can share a location or map with others over email, Google+, Facebook, Twitter, or text.

Steps to Embed Google map with 2 or more Markers for Web pages

Step 1: Navigate yourself to https://www.google.com/maps link.

Step 2: sign in with Google account.

Embed Google map with 2 or more Markers for Web pages

Embed Google map with 2 or more Markers for Web pages

Step 3: Click option menu and Navigate to Your places-> maps-> create a map in bottom. A new window will open in new tab.

Step 4: Now Click on Untitled Map, Write a title and description then hit to save button.

Step 5: You have two ways to add markers on map:

A.) You can directly choose marker option and place them on map, wherever you need.


B.) You can specify the location by providing location address.

After adding markers on map you must save the locations.

Step 6: Repeat step 5 to add multiple markers.

Step 7: Now click to share option and set the privacy setting to “public on web” or you can choose people who can view and access the map.

Then save the details and click to done.

Step 8: Then Click to option menu on title window and hit to embed on my site.

This will provide you a link containing <iframe> tag. By using this code you can easily Embed Google map with 2 or more Markers for Web pages.

Your email address will not be published. Required fields are marked *

Subscribe For Latest GIS MAP Updates

Signup for our newsletter and get notified when we publish new articles for free!