使用Web API在HTML中实现数值四舍五入（Mapbox场景）

你遇到的问题是在Mapbox Popup的setHTML方法中，药房数量除以医院数量后出现冗长小数，想要保留两位小数但round()和HTML的maxLength属性均未生效，以下是可行的解决方案：

核心解决思路 #

使用JavaScript的toFixed(2)方法，它可以直接将数字四舍五入并保留指定位数的小数，返回的字符串格式刚好适合拼接HTML内容。同时要额外处理除数为0的情况，避免出现Infinity或报错。

修改后的关键代码片段 #

将你原代码中Popup的setHTML部分替换为以下内容：

.setHTML('Liczba szpitali to:<b> '+e.features[0].properties.hospitals+'</b></br>A liczba aptek to: <b>'+e.features[0].properties.pharmacies+'</b></br>Liczba aptek na jeden szpital to: <b>'+
  // 处理除数为0的边界情况，确保显示合理内容
  (e.features[0].properties.hospitals !== 0 ? (e.features[0].properties.pharmacies / e.features[0].properties.hospitals).toFixed(2) : 'N/A')+'</b>')

原方法失效原因说明 #

• round()方法默认仅将数字四舍五入到整数，若要保留两位小数需手动处理（如Math.round((a/b)*100)/100），但这种方式不如toFixed直接便捷。
• HTML的maxLength属性仅对<input>、<textarea>这类表单输入元素生效，对普通文本内容完全不起作用，因此无法用于优化Popup中的文本显示。

内容的提问来源于stack exchange，提问作者Krzysztof Duck