Встроенная Google Моя карта - Центр на странице

Question

Мне пришлось переходить на встроенную «Мою карту» для бизнеса с двумя местоположениями. При этом я не могу установить высоту и ширину карты так, как раньше. Это не проблема. Но я не могу сосредоточить карту на странице. Как это сделать?

Новый HTML, который не работает правильно:

<div class="fluid-wrapper hidden-phone" style="text-align: center;"> 
<iframe style="border: 0;" src="https://www.google.com/maps/d/embed?mid=zuwjqCdHTFSc.koi0qAWQnX34" width="850" height="500" frameborder="0"></iframe> 

Старый код, который работает:

<div class="fluid-wrapper hidden-phone" align="center"> 
<iframe style="border: 0;" src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d105844.34381467322!2d-84.5165869!3d34.0018888!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x88f56b7fceeae357%3A0x621d85f56e1d8376!2sCherokee+Collision+Center!5e0!3m2!1sen!2sus!4v1423686645744" 
width="850" height="500" frameborder="0"></iframe> 

URL встроенной карты: http://www.cherokeecollisioncenter.com

Answer 1

Добавить следующие стили .fluid-wrapper iframe

margin: 0 auto; 
left: 0; 
right: 0; 

Проблема с кодом, что вы не имели стиль right:0 и, таким образом, он принял только в left:0. И, margin:0 auto; сделает его центрированным без полей.