Question

找到了这个我想自定义的免费在线网站，但是我无法更改默认的缩放级别，我不知道JavaScript。我想知道我需要添加哪些代码行才能更改zoom lvl。谢谢，：=），我也不知道我是否必须在这里包括其他代码/信息，只是告诉我是否需要更多信息。

    <!-- Footer -->
    <footer>
        <!-- Container -->
        <div class="container">
            <div class="row">

            </div>
        </div><!-- Container end -->
    </footer><!-- Footer end -->


    <!-- scroll up-->
    <div class="scrollup">
        <a href="#"><i class="fa fa-chevron-up"></i></a>
    </div><!-- End off scroll up->

    <!-- JavaScript -->
    <script src="http://code.jquery.com/jquery-1.12.1.min.js"></script>     
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
    <!-- Bootsnav js -->
    <script src="js/bootsnav.js"></script>

    <!-- JS Implementing Plugins -->
    <script src="http://maps.google.com/maps/api/js?sensor=true"></script>
    <script src="js/gmaps.min.js"></script>

    <script type="text/javascript">
        var map;
        $(document).ready(function () {
            map = new GMaps({
                el: '#ourmaps',
                lat: 15, 
                lng: 15,
                scrollwheel: true

            });

            //locations request
            map.getElevations({
                locations: [[15, 15]],
                callback: function (result, status) {
                    if (status == google.maps.ElevationStatus.OK) {
                        for (var i in result) {
                            map.addMarker({
                                lat: result[i].location.lat(),
                                lng: result[i].location.lng(),
                                infoWindow: {
                                    content: '<address class="tooltip_address"><b>aaaa</b><br />aaa<br />aaaa<br />aaaa <br /></address>'
                                }
                            });
                        }
                    }
                }
            });

        });
    </script>


    <!--main js-->
    <script type="text/javascript" src="js/main.js"></script>

Answer 1

尝试一下：

zoom: 8

来自documentation。另请参见This

Answer 2

您正在使用Gmaps.js，因此您将需要查找有关此javascript的文档，因为该网页上说您需要使用setZoom来实现所需缩放的整数，还需要使用{ {1}}，将地图放在所需标记的中心。

这是GMaps.js网站：GMaps.js

在这里您可以找到所有允许以下操作的参数： Documentation

您还可以在创建Gmap时设置缩放比例，因此这是您需要在示例中进行编辑的主要代码：

setCenter

我还在博客上发现一条注释，即如果您使用多个标记，则可能会使用：：

map = new GMaps({
       el: '#ourmaps',
       lat: 15, 
       lng: 15,
       scrollwheel: true,
       zoom: 15 //Your desired zoom
            });

Reference about using more than one marker

希望我的回答对您有帮助！

如何在Google地图中设置缩放默认级别

2 个答案: