Jquery Gmap3未显示制造商。错误：latlngliteral

下面是一个JSFIDLE：

我收到的错误是：

Uncaught InvalidValueError: setCenter: not a LatLng or LatLngLiteral: in property lat: not a number

我假设这意味着我的“lat”和“lng”值不是数字，而是字符串…（如果我错了，请纠正我），但我如何解决这个问题？我做了一个分析

$('#gmap-4').gmap3({
       map:{
           options:{
               center:[29.4401784,-98.4793855],
               zoom:11,
           }
       }
    });

$(document).on('click','table tbody td', function() {
   var lat = parseFloat($(this).parent('tr').attr('data-lat'));
   var lng = parseFloat($(this).parent('tr').attr('data-lng'));
   var latlng = [lat,lng];
   alert(latlng);
   showMarker(latlng);
});


function showMarker(val) {
    $('#gmap-4').gmap3({
        marker:{
            latLng:val
        },
       map:{
           options:{
               center:[29.4401784,-98.4793855],
               zoom:11,
           }
       }
    });
}

---

对于任何想知道…我终于明白了：

$('#gmap-4').gmap3({
       map:{
           options:{
               center:[29.4401784,-98.4793855],
               zoom:11,
           }
       }
    });

$(document).on('click','table tbody td', function() {
    var lat = parseFloat($(this).parent('tr').attr('data-lat'));
    var lng = parseFloat($(this).parent('tr').attr('data-lng'));
    //alert(latlng);
    showMarker(lat,lng);
});


function showMarker(lat,lng) {
    $('#gmap-4').gmap3({
        marker:{
            latLng: [lat,lng]
        },
       map:{
           options:{
               center:[29.4401784,-98.4793855],
               zoom:17,
           }
       }
    });
}