在Leaflet中设置maxBounds的公式不起作用

Question

我想使用公式计算将为地图设置的maxBounds，但我无法使其工作。是否与未被识别为整数的数字有关（因为我尝试使用数字作为纬度和经度并且它会起作用）。

<div id='latitude'>17.5965</div>
<div id='longitude'>120.6179</div>

使用Javascript：

var lat = document.getElementById('latitude').innerHTML;
var lon = document.getElementById('longitude').innerHTML;

var minLat = lat - 0.3; //subtract 0.3
var minLon = lon - 0.3; //subtract 0.3
var maxLat = lat + 0.3; //add 0.3
var maxLon = lon + 0.3; //add 0.3

var bounds = [[minLat,  minLon], [maxLat, maxLon]];

L.rectangle(bounds, {color: "#ff7800", opacity:0, weight: 0}).addTo(map);

map.fitBounds(bounds, {reset: true}).setMaxBounds(bounds);
map.setView([lat, lon], 13);