如何获取图像的高度与容器的宽度成比例？

Question

我正在使用Google Maps API为移动应用程序生成地图。正如您将看到的，我可以毫无问题地为代码生成宽度。我只是得到容器的宽度和减去总填充。然而，我现在需要为图像创建一个合适的高度。目前我刚刚输入了200(因为它看起来是正确的)，但在其他设备上的宽度将是不同的。是否有一段代码可以用来自动生成高度并保持其与宽度成比例?

感谢

var width = $(this).width();
document.write('<img src="https://maps.googleapis.com/maps/api/staticmap?
center=55.919070, -5.306156&amp;zoom=15&amp;size=' + (width - 30) +
'x200&amp;markers=55.919070, -5.306156&amp;sensor=false" width="' +
(width - 30) + '" height="200">');

Answer 1

要计算出比例(例如16:9)，您可以进行以下计算:

height = Math.round((width/16)*9);