Close

Not a member yet? Register now and get started.

lock and key

Sign in to your account.

Account Login

Forgot your password?

How to add custom Google Map to your site?

26 Jul Posted by in Blogs, Design Tutorials | 4 comments
How to add custom Google Map to your site?
 

During my search on how to customize a Google map to be added into a project I’m working on, I came across on on a very useful tutorial on how to Google maps more customized by adding your company logo, parking lots, or even the nearest traffic directions on how to get into your location.
Adding a custom Google Map to your website make it more reliable to your visitors to get a clear overview of your business location, it’s a good thing to have specially if you offer an on-location services that requires your clients and customers to drop by your business head quarters.

Google Map Directions

In this tutorial you will have a general overview on:

  • Google Maps API
  • Getting the Coordinates
  • Adding the Map to Your Website
  • Adding Markers
  • Customizing the Markers
  • The Directions
  • Calculating the Route
  • Adding Infoboxes

Source:

  1. Ibn Soliman07-26-10

    Hello Hashem,
    Thanks alot for your great post.. I love it so much and I’ll try to make google map soon ;)

  2. Jack Broun04-20-11

    All works, i have added google maps to my site. Thanks to you!

Leave a Reply

  1. Tweets that mention Add custom Google Map to your site | Hashem E.Zahran. -- Topsy.com07-26-10