google bing links postcodes zipcodes mapit - Download Generate Google/Bing Map Links From Postcodes/Zipcodes - jQuery mapIt

Download Generate Google/Bing Map Links From Postcodes/Zipcodes – jQuery mapIt

Posted on

This time I will share jQuery Plugin and tutorial about Generate Google/Bing Map Links From Postcodes/Zipcodes – jQuery mapIt, hope it will help you in programming stack.

google bing links postcodes zipcodes mapit - Download Generate Google/Bing Map Links From Postcodes/Zipcodes - jQuery mapIt
File Size: 7.4 KB
Views Total: 459
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

mapIt is a simple jQuery plugin that automatically generates clickable Google Maps and/or Bing Maps links from postcodes/zipcodes you provide.

How to use it:

1. Load the minified version of the jQuery mapIt plugin after loading jQuery library.

2         integrity="sha384-nvAa0+6Qg9clwYCGGPpDQLVpLNn0fRaROjHqs13t4Ggj3Ez50XnGQqc/r8MhnRDZ"
3         crossorigin="anonymous">
4 </script>
5 <script src="src/jquery.mapIt.min.js"></script>

2. Call the function on the element containing postcodes/zipcodes.

1 <div id="demo-1">
2   The postcode for Anfield is L4 0TH.
3 </div>
4  
5 <div id="demo-2">
6   The zip code for the Yankee Stadium is 10451.
7 </div>
1 $(function () {
2   $('#demo-1,#demo-2').mapIt();
3 });

3. Specify the country. Default: ‘uk’.

1 $(function () {
2   $('#demo-1,#demo-2').mapIt({
3     country: 'us'
4   });
5 });

4. Determine whether to open the map links in a new tag/window. Default: true.

1 $(function () {
2   $('#demo-1,#demo-2').mapIt({
3     newWindow: true
4   });
5 });

5. Customize the alternative text displayed in the tooltip.

1 $(function () {
2   $('#demo-1,#demo-2').mapIt({
3     tooltip: ' - Google maps'
4   });
5 });

6. Use Bing Maps instead.

1 $(function () {
2   $('#demo-1,#demo-2').mapIt({
4     tooltip:' - Bing maps'
5   });
6 });

This awesome jQuery plugin is developed by gar-cad. For more Advanced Usages, please check the demo page or visit the official website.

source : jquery.net