嵌入Google我的地图 - 页面中心

Question

我必须更改为具有2个位置的商家的嵌入式“我的地图”。这样做，我无法像以前那样设置地图的高度和宽度。这不是一个大问题。但我无法将地图置于页面中心。我该如何做到这一点？

无法正常使用的新HTML：

reduceat

正在运行的旧代码：

<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>

嵌入地图的网址：http://www.cherokeecollisioncenter.com

Answer 1

将以下样式添加到.fluid-wrapper iframe

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

您的代码存在的问题是您没有样式right:0，因此仅使用了left:0。并且，margin:0 auto;会使其无中心边缘。