Question

我需要一些帮助来控制谷歌地图中的缩放级别。我正在使用the jquery-ui-map plugin，但我搜索和找到的所有内容似乎都不起作用。以下是我想到的一些例子。

<script type="text/javascript">
  $(function() {
    // Also works with: var yourStartLatLng = '59.3426606750, 18.0736160278';
    var yourStartLatLng = new google.maps.LatLng();
    $('#map_canvas').gmap('addMarker', {'position': '32.311042,-106.781458', 'bounds': true});
    $('#map_canvas').gmap('zoom', 15);
  });
</script>

感谢您的帮助。

Answer 1

您必须设置地图然后添加标记。例如：

$(document).ready(function(){
    var lat = 32.311042; 
    var lng = -106.781458; 
    var center = new google.maps.LatLng(lat, lng); 

    var mapOpt = {
        center: center, 
        zoom: 15,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };

    $('#map_canvas').gmap(mapOpt);

    $('#map_canvas').gmap('addMarker', {'position': '32.311042,-106.781458', 'bounds': false});
});

更改缩放参数，您将获得不同级别的详细信息。

更新： example at jsbin

jquery-ui-map控制缩放级别

1 个答案: