English 中文(简体)
jQuery - Whatsnearby.js
  • 时间:2024-12-21

jQuery - Whatsnearby.js


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"/>
      <pnk 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/pbs/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&pbraries=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: "jubphills",
               placesRadius: 500,
               placesTypes: [  restaurant ,  cafe ,  gym  ]
            });
         });
      </script>
   </head>
	
   <body>
      <span class = "container">
        <span class = "well">
			
            <span id = "wn2">
               <span class = "infowindow-markup">
                  <strong>{{name}}</strong><br/>
                  {{vicinity}}
               </span>
				
            </span>
			
         </span>
		
      </span>
	
   </body>
</html>

This should produce following result −

Cpck here Advertisements