将字符串传递给另一个函数后变成对象？

Question

我有这个函数可以在将标记放入地图后获取标记的坐标：

$(function() {
$( "#add-marker" ).draggable({
    containment: "map",
    helper: "clone",
    start: function(evt, ui) {
        $('#navbar').fadeTo('fast', 0.6, function() {});
    },
    stop: function(evt, ui) {

        // Turning coordinates into a string and then removing unwanted characters
        var string = String(map.containerPointToLatLng([ui.offset.left, ui.offset.top]));

        string = string.replace('LatLng(', '');
        string = string.replace(' ', '');
        string = string.replace(')', '');
        console.log(typeof string); // ---> Shows my coordinates
        addProperty(string);
    }
});
});

问题是当我传递"string"时，它被转换成一个对象：

function addProperty(coords){
$.magnificPopup.open({
    tLoading:"Loading...",
    modal:false,
    showCloseBtn: true,
    closeBtnInside: true,
    type:'inline',
    alignTop:false,
    items:{src: $('#test-popup')},
    callbacks: {
        open: function(coords) {
            console.log(typeof $(this).data(coords)); // ---> Shows object
            $('#coords').val($(this).data(coords));
        }
    }
});
}

如何将 "string" 传递给 addProperty 函数并仍然将其作为字符串？

Answer 1

在您的第二个示例中，您正在处理来自 open 回调的 coords 值，而不是来自更高函数 addProperty.

的值

要解决此问题，只需重命名 open 回调中的 coords 变量名称即可：

function addProperty(coords) {

  $.magnificPopup.open({

    callbacks: {

      open: function(newCoords) {
        /* 
           Here, you can access coords wich is still the string version,
           or newCoords wich is the new object returned by the callback.
        */
      }
    }
  });
}

Answer 2

如果您访问 containerPointToLatLng:

返回的 L.LatLng 对象的 lat 和 lng 属性，您会轻松很多

stop: function(evt, ui) {

    var ll = map.containerPointToLatLng([ui.offset.left, ui.offset.top]);

    var str = '' + ll.lat.toFixed(4) + ',' + ll.lng.toFixed(4);

    addProperty(str);
}

将字符串传递给另一个函数后变成对象？

String turned into object after passing it to another function?

javascript

jquery

leaflet

magnific-popup