即使使用标记,也可以为JQuery UI地图定义不同的默认缩放

Question

我一直在搜索网页以寻找这个问题的答案,但基本上,我希望下面的代码完全按照它所做的去做....

        $(function() {

            $('#map_canvas').gmap().bind('init', function(ev, map) {
                $('#map_canvas').gmap('addMarker', { 'position': '57.7973333,12.0502107', 'bounds': true }).click(function() {
                    $('#map_canvas').gmap('openInfoWindow', { 'content': '134 Some Street Name, postcode and such' }, this);
                });
            });

        });

    </script>

但是,这个地图视图是放大的,我希望能够控制它并将其保持在界限范围内.我尝试过使用:

$('#map_canvas').gmap('option','zoom',7);

低于功能,但它没有任何不同.如何在用户点击或拖动任何内容之前控制地图的默认缩放？

谢谢!

Answer 1

在构造函数gmap中设置缩放({zoom:7}).如果在addMarker方法中将bounds属性设置为true,它将覆盖任何以前的任何缩放集(通过选项或在构造函数中).设置缩放并将边界设置为false的示例:

$('#map_canvas').gmap({'zoom':7, 'center': '57.7973333,12.0502107'}).bind('init', function(ev, map) {
                $('#map_canvas').gmap('addMarker', { 'position': map.getCenter(), 'bounds': false}).click(function() {
                    $('#map_canvas').gmap('openInfoWindow', { 'content': '134 Some Street Name, postcode and such' }, this);
                });
            });

Answer 2

我发现最简单的方法是进入 jquery.ui.map.js 并更改那里的默认设置。这很容易。我把我的设置为15。

options: {
center: (google.maps) ? new google.maps.LatLng(0.0, 0.0) : null,
mapTypeId: (google.maps) ? google.maps.MapTypeId.ROADMAP : null,
zoom: 15
},