
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="shortcut icon" href="../img/favicon.ico">
        <title>Methods</title>
        <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
        <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet">
        <link href="css/themen.css" rel="stylesheet">
        <link rel="stylesheet" href="css/near_places.css">
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.js"></script>
        <!-- Start JS MAP  -->
        <script src="http://maps.googleapis.com/maps/api/js?libraries=weather,geometry,visualization,places,drawing&amp;&key=AIzaSyCto8TKh6h14s0IMyhSb5Uk4Np-40pmJ2w&amp;&scale=2" type="text/javascript"></script>
        <script type="text/javascript" src="js/map_infobox.js"></script>
        <script type="text/javascript" src="js/markerclusterer.js"></script>
        <script src="js/near_places.js"></script>
        <!-- End JS MAP  -->
    </head>
    <body>
        <div class="navbar navbar-default navbar-fixed-top" role="navigation">
            <div class="container">
                <!-- Collapsed navigation -->
                <div class="navbar-header">
                    <!-- Expander button -->
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <!-- Main title -->
                    <a class="navbar-brand" href="index.html">Near Places</a>
                </div>
                <!-- Expanded navigation -->
                <div class="navbar-collapse collapse">
                    <!-- Main navigation -->
                    <ul class="nav navbar-nav">
                        <li>
                            <a href="examples.html">Examples</a>
                        </li>
                        <li >
                            <a href="options.html">Options</a>
                        </li>
                        <li class="active">
                            <a href="methods.html">Methods</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <section class="jumbotron">
            <div class="container">
                <h1>Methods</h1>
            </div>
        </section>
        <div class="container">
            <div class="col-md-3"><div class="bs-sidebar hidden-print affix-top" role="complementary">
                    <ul class="nav bs-sidenav">

                        <li class="main active">
                            <a href="#methods">Methods</a>
                            <ul class="nav">
                                <li><a href="#setMarker">.near_places('setMarker')</a></li>
                                <li><a href="#setZoom">.near_places('setZoom')</a></li>
                                <li><a href="#setCenter">.near_places('setCenter')</a></li>
                                <li><a href="#setCenterByMarker">.near_places('setCenterByMarker')</a></li>
                                <li><a href="#clearPlaces">.near_places('clearPlaces')</a></li>
                                <li><a href="#destroy">.near_places('destroy')</a></li>
                            </ul>
                        </li>

                    </ul>
                </div></div>
            <div class="col-md-9" role="main">
                <h1 id="methods">Methods</h1>
                <p>Interface with bootstrap-select.</p>
                <hr />
                <h4 id="setMarker"><code>.near_places('setMarker')</code></h4>
                <p>You can set marker or change.</p>
                <pre><code class="js">$('#near_places').near_places('setMarker', {ltng :[45.812231, 15.920618], 'address':'Ilica 345, HR-10000'});
</code></pre>

                <hr />
                <h4 id="setZoom"><code>.near_places('setZoom')</code></h4>
                <p>This will set Zoom of map.</p>
                <pre><code class="js">$('.near_places').near_places('setZoom', 5);
</code></pre>

                
                <hr />
                <h4 id="setCenter"><code>.near_places('setCenter')</code></h4>
                <p>This will be set Center of map.</p>
                <pre><code class="js">$('.near_places').near_places('setCenter', [45.812231, 15.920618]);
</code></pre>
                
                <hr />
                <h4 id="setCenterByMarker"><code>.near_places('setCenterByMarker')</code></h4>
                <p>This will be center map by Marker.</p>
                <pre><code class="js">$('.near_places').near_places('setCenterByMarker');
</code></pre>
                
                <hr />
                <h4 id="setCenterByMarker"><code>.near_places('clearPlaces')</code></h4>
                <p>This will be clear all markers, places icons from map</p>
                <pre><code class="js">$('.near_places').near_places('clearPlaces');
</code></pre>
                
                <hr />
                <h4 id="setCenterByMarker"><code>.near_places('destroy')</code></h4>
                <p>This will be destroy map</p>
                <pre><code class="js">$('.near_places').near_places('destroy');
</code></pre>
         </div>
        </div>
        <div class="footer">
            <div class="container text-center">
                <p class="text-muted">All Right reserved © 2017</p>
            </div>
        </div>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.js"></script>
        <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
        <script src="js/theme.js"></script>
    </body>
</html>