jquery-ui-map 控制缩放级别

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