jQuery mapIt Plugin Examples

  1. Basic use
  2. Choose country (uk, us, canada inbuilt)
  3. Custom parameters

Basic use

Example

The postcode for Anfield is L4 0TH.

html

<div id="ex1">
    The postcode for Anfield is L4 0TH.
</div>

javascript

<script src="http://code.jquery.com/jquery-2.0.1.min.js"></script>
<script src="src/jquery.mapIt.min.js"></script>
<script>
    $(function () {
        $('#ex1').mapIt();
    });
</script>
Top of page

Custom parameters

Example

The zip code for the Yankee Stadium is 10451.

html

<div id="ex2">
    The zip code for the Yankee Stadium is 10451.
</div>

javascript

<script src="http://code.jquery.com/jquery-2.0.1.min.js"></script>
<script src="src/jquery.mapIt.min.js"></script>
<script>
    $(function () {
        $('#ex2').mapit({country:'us'});
    });
</script>
Top of page

Custom parameters

Example

The zip code for the Camp Nou is 08028.

html

<div id="ex3">
    The zip code for the Camp Nou is 08028.
</div>

javascript

<script src="http://code.jquery.com/jquery-2.0.1.min.js"></script>
<script src="src/jquery.mapIt.min.js"></script>
<script>
    $(function () {
        $('#ex3').mapit({newWindow:false, mapurl:'http://www.bing.com/maps/default.aspx?q=', tooltip:' - Bing maps',exp:'(\\d{5})',country:'spain'});
    });
</script>
Top of page