• jQuery Video Tutorials

jQuery - Whatsnearby.js

Advertisements

Previous Page
Next Page  

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
Advertisements