Как я могу получить высоту изображения пропорционально ширине контейнера?

Question

Я использую API Карт Google для создания карты для мобильного приложения. Как вы увидите, я могу генерировать ширину кода без проблем. Я просто получаю ширину контейнера и вычитаю суммарное заполнение. Однако теперь мне нужно создать подходящую высоту для изображения. На данный момент я только что ввел 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);