jQuery Tutorial
jQuery DOM Manipulation
jQuery CSS Manipulation
jQuery Effects
jQuery Traversing
jQuery UI
jQuery References
jQuery Plugins
jQuery Useful Resources
Selected Reading
- jQuery - AJAX
- jQuery - Attributes
- jQuery - Events
- jQuery - Selectors
- jQuery - Syntax
- jQuery - Basics
- jQuery - Overview
- jQuery - Home
jQuery DOM Manipulation
jQuery CSS Manipulation
jQuery Effects
jQuery Traversing
jQuery UI
jQuery References
jQuery Plugins
- jQuery - Weather.js
- jQuery - Megadropdown.js
- jQuery - Producttour.js
- jQuery - Blockrain.js
- jQuery - Checkout.js
- jQuery - Whatsnearby.js
- jQuery - Filer.js
- jQuery - LogosDistort.js
- jQuery - Tagsort.js
- jQuery - Drawsvg.js
- jQuery - Slideshow.js
- jQuery - Progressbar.js
- jQuery - Alertify.js
- jQuery - Rowgrid.js
- jQuery - Slidebar.js
- jQuery - Multiscroll.js
- jQuery - Flickerplate.js
- jQuery - PagePiling.js
- jQuery - Plugins
jQuery Useful Resources
Selected Reading
- Who is Who
- Computer Glossary
- HR Interview Questions
- Effective Resume Writing
- Questions and Answers
- UPSC IAS Exams Notes
jQuery - Whatsnearby.js
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"/> <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 −
Advertisements