<body><script type="text/javascript"> function setAttributeOnload(object, attribute, val) { if(window.addEventListener) { window.addEventListener('load', function(){ object[attribute] = val; }, false); } else { window.attachEvent('onload', function(){ object[attribute] = val; }); } } </script> <div id="navbar-iframe-container"></div> <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> <script type="text/javascript"> gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() { if (gapi.iframes && gapi.iframes.getContext) { gapi.iframes.getContext().openChild({ url: 'https://www.blogger.com/navbar.g?targetBlogID\x3d8211560\x26blogName\x3dTech+Tips,+Tricks+%26+Trivia\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dBLUE\x26layoutType\x3dCLASSIC\x26searchRoot\x3dhttp://mvark.blogspot.com/search\x26blogLocale\x3den\x26v\x3d2\x26homepageUrl\x3dhttp://mvark.blogspot.com/\x26vt\x3d-5147029996388199615', where: document.getElementById("navbar-iframe-container"), id: "navbar-iframe" }); } }); </script>

Tech Tips, Tricks & Trivia

by 'Anil' Radhakrishna
An architect's notes, experiments, discoveries and annotated bookmarks.

Search from over a hundred HOW TO articles, Tips and Tricks


HOW TO implement a Store Locator for a website?

The folks at Wotton.org have put up a simple online app that makes it easy to put up a Store Locator for your website in no time with Google Maps. The advantage of showing it in an online map is that it can utilize the Driving directions feature that can be useful to visitors of that website.

The app provides a simplified UI to build a KML file. It takes coordinates of the locations, with any titles and description that you may want to add. A KML (Keyhole Markup Language) file is basically a standardized XML schema file that can hold geographic coordinates & related content.

You have to drop this KML file in the same directory as the web page in which you want to show the map. A template HTML file that contains the Javascript to merge the KML/XML file info on the map, is also provided.

Google Maps runs only when you have an API key registered for your website. So you need to sign up for it (for free).

Each API key is uniquely mapped to the directory (URL) where the web page with the embedded map is used. So you cannot use somebody else's API key or use your own on a different domain than what you have registered with. If you try it, it throws this warning - The Google Maps API key used on this web site was registered for a different web site. You can generate a new key for this web site at http://code.google.com/apis/maps/

Thanks Jeffrey for sharing this tip.

Related link -
Road/Street maps of Indian cities on the Web

Labels: , ,

Tweet this | Google+ it | Share on FB

« Home | Next »
| Next »
| Next »
| Next »
| Next »
| Next »
| Next »
| Next »
| Next »
| Next »

»

Post a Comment