Select Page

How to add a Google Map to your mobile website

  • First of all we can only use a static map, since Google Maps uses Javascript to zoom etc and most phones on the market do not support Javascript, so the only solution is to use static maps.
  • Before we can use the Google Maps API we need to apply for an Application Key by visiting this URL
  • Now use the following code within an HTML img tag
    <img src="|ADDRESS&maptype=roadmap&mobile=true&key=APPLICATION_KEY" alt="Google Map" />

    Replace ADDRESS with you address
    Replace APPLICATION_KEY with your application key, obtained from

    Remember to URL encode the address entered

  • For the complete Static Google Maps API visit

Related Articles

Last Updated On March 22, 2018

Leave a reply

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.