jQuery - Whatsnearby.js

Whatsnearby.js is a jQuery plugin for quickly find the nearest places.

A Simple of whatsnearby.js example as shown below

<!DOCTYPE html>

<html>

 

   <head>

      <meta charset = "utf-8"/>

      <link rel = "stylesheet"

         href = "http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">

                                    

      <script src = "example/js/es5-shim.min.js"

         type = "text/javascript"></script>

      <script src = "example/js/es5-sham.min.js"

         type = "text/javascript"></script>

      <script

         src = "http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"

         type = "text/javascript"></script>

      <script

         src = "http://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&libraries=places"></script>

      <script src = "source/WhatsNearby.js"

         type = "text/javascript"></script>

                                    

      <script type = "text/javascript">

         $(document).ready(function(){

            $("#wn2").whatsnearby({

               zoom:15,

               width:"100%",

               address: "jublihills",

               placesRadius: 500,

               placesTypes: [ 'restaurant', 'cafe', 'gym' ]

            });

         });

      </script>

   </head>

           

   <body>

           

      <div class = "container">

                       

         <div class = "well">

                                    

            <div id = "wn2">

               <div class = "infowindow-markup">

                  <strong>{{name}}</strong><br/>

                  {{vicinity}}

               </div>

                                                

            </div>

                                    

         </div>

                       

      </div>

           

   </body>

 

</html>