jQuery-Whatsnearby.js

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>

これは、次の結果を生成する必要があります-

リンク：/jquery/src/whatsnearby/index [ここをクリック]

Jquery-whatsnearby

jQuery-Whatsnearby.js