当前位置: 首页 > 文档资料 > jQuery 入门教程 >

Whatsnearby.js(Whatsnearby.js)

优质
小牛编辑
136浏览
2023-12-01

Whatsnearby.js是一个jQuery插件,可以快速找到最近的地方。

一个简单的whatsnearby.js示例如下所示 -

<!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>