About Me

header ads

jQuery - Whatsnearby.js

Akinwumi Oluwanifemi November 11, 2019

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 = "https://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 = "https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"
         type = "text/javascript">
      </script>
      <script 
         src = "https://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>
This should produce following result −
Click here
Tags:

Post a Comment

0 Comments