jquery获取矩形宽度和高度传单

我有一张地图和一个区域选择字段：

// initialize map
var map = L.map('map').setView([38, 0], 2);
L.tileLayer('http://{s}.tile.cloudmade.com/70146506bc514228adc1756788c730d3/997/256/{z}/{x}/{y}.png', {attribution: 'Map data &copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, Imagery &copy; <a href="http://cloudmade.com">CloudMade</a>', maxZoom: 18}).addTo(map);

var areaSelect = L.areaSelect({
    width:100, 
    height:150, 
    keepAspectRatio:true
});
areaSelect.addTo(map);
areaSelect.setDimensions({width: 50, height: 50});

想要获取矩形的宽度和高度。

var neLatCoord = $('#ne-lat-coordinate').val();
        var neLonCoord = $('#ne-lon-coordinate').val();
        var swLatCoord = $('#sw-lat-coordinate').val();
        var swLonCoord = $('#sw-lon-coordinate').val();
        var rectangle =  L.rectangle([  [neLatCoord, neLonCoord], [swLatCoord, swLonCoord]]).addTo(map);

所以现在我想获取矩形的宽度和高度，以便我可以设置区域选择的尺寸，如下所示：

var rectangleWidth = rectangle.getBounds().getEast() - rectangle.getBounds().getWest();
var rectangleHeight = rectangle.getBounds().getNorth() - rectangle.getBounds().getSouth();
areaSelect.setDimensions({width: rectangleWidth, height: rectangleHeight});

但这给出了另一个宽度和高度？我不知道为什么？

有人可以帮助我吗，因为我被困在这个问题上了？

这是我的

EDIT:

如果我使用矩形而不是区域选择：

var rectangle = L.rectangle([  [21.616579,  29.487305], [7.798079, 20.522461]]);
map.addLayer(rectangle);

rectangle.editing.enable();

// Every time we move the selected rectangle, refresh data about the selected area.
rectangle.on('edit', function() { 

    selectedBounds = this.getBounds();
    console.log("Area:", selectedBounds);
    //some other code
});

$( ".select" ).click(function() {
    rectangle.editing.disable();    
    map.removeLayer(rectangle);
    rectangle =  new L.rectangle([  [17.853290, 34.980469], [10.876465, 14.853516]]);
    map.addLayer(rectangle);
    rectangle.editing.enable();
});

当我点击重置时，该事件rectangle.on('edit', function() { ...不管用？我不知道为什么？你能帮我吗

像docs https://github.com/heyman/leaflet-areaselect在传单区域选择状态下，该方法.setDimensions()需要作为像素的参数，并且您以地理坐标给出参数。随着传单地图法 http://leafletjs.com/reference.html#map-latlngtolayerpoint .latLngToLayerPoint()您可以将 geogr 转换为坐标延伸到地图的像素。

只是改变

var rectangleWidth = rectangle.getBounds().getEast() - rectangle.getBounds().getWest();
var rectangleHeight = rectangle.getBounds().getNorth() - rectangle.getBounds().getSouth();

into

  var rectangleWidth = map.latLngToLayerPoint(rectangle.getBounds().getNorthEast()).x- map.latLngToLayerPoint(rectangle.getBounds().getSouthWest()).x    
  var rectangleHeight = map.latLngToLayerPoint(rectangle.getBounds().getNorthEast()).y- map.latLngToLayerPoint(rectangle.getBounds().getSouthWest()).y

这是工作中的JSFIDDLE http://jsfiddle.net/3N2DN/79/