www.webdeveloper.com
Results 1 to 7 of 7

Thread: Great feature for all business websites

Hybrid View

  1. #1
    Join Date
    Oct 2012
    Posts
    3

    Thumbs up Great feature for all business websites

    Hi guys, does anyone know how I can show a Google map on my webpage showing my store location to any one that visits my website. Iíve own a florist shop for several years now and im just starting to build a website for it. I want this feature as I think it will be a very useful tool for my website. Does anyone know where to get this software or how I can get it? Please point me in the right direction if you can. Thanks in advance.

  2. #2
    Join Date
    Oct 2012
    Posts
    13
    You have to get a API key from google to use a maps. Than you will have do something like:
    HTML Code:
    <script src="http://maps.googleapis.com/maps/api/js?key=YOUR KEY IS HERE&sensor=FALSE">
    </script>
    It is an implementing the maps for your web page.

    Than you have to add your map on web page:
    HTML Code:
    <script>
    var your_position= new google.maps.LatLng(latitude, longtitude);
    function init(){
    var set_map= {
    center: your_position,
    zoom: 3, // it is map zoom, choose how you need
    mapTypeId: google.maps.mapTypeId.TYPE // you can choose ROADMAP,SATELLITE,HYBRID and I think there was one more type but I don't remember now
    };
    
    var map = new google.maps.map(document.getElementById('google_map'), set_map);
    
    var marker = new google.maps.marker({
    position:your_position,});
    
    marker.setmap(map);
    
    }
    
    <html>
    <body onLoad="init()">
    <div id="google_map"></div>
    </body>
    </html>
    It should look like that. I'm not sure is it working well, because I didn't use it from ages. If something will be wrong just tell me.

  3. #3
    Join Date
    Sep 2012
    Posts
    17
    Hi guys,
    i'm a beginner, and want to know how to get an API key from google.Sorry if i'm mistaking,thanks.

  4. #4
    Join Date
    Oct 2012
    Posts
    13
    just type in google search API key. First result:
    https://developers.google.com/maps/signup

    There choose the Google Maps API JavaScript v3 and do rest step by step

  5. #5
    hi
    if you have wordpress platform just download google map widget and install it

  6. #6
    Join Date
    Dec 2012
    Location
    Cape Town, South Africa
    Posts
    12
    In Wordpress I use Map Press. Great Little Plugin.

  7. #7
    Join Date
    Sep 2012
    Posts
    720
    Well, if you desire to add Google map onto your website then it is very easy just follow the given steps and you will create Google map.
    1. Search your location on a Google map(map.google.com)
    2. Specify the kind of map you like
    3. Adjust map alignment
    4. Click on like , embed HTML code to your website

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles