如何使用 iframe 将谷歌地图居中？

Question

我到处搜索，但找不到正确的方法来使我的谷歌地图居中。我正在使用 iframe。该网站是分类广告，因此每个广告都会创建不同的位置。

我的代码是这样的：

<iframe frameborder="0" noresize="noresize" 
height="420px" width="100%" 
src="<?=Route::url('map')?>?height=400&id_ad=<?=$ad->id_ad?>&controls=0&zoom=<?=Core::config('advertisement.map_zoom')?>&get.Center=setCenter(<?=$ad->latitude?>,<?=$ad->longitude?>)">

我也试过这个：

&center=setCenter(<?=$ad->latitude?>,<?=$ad->longitude?>)

&center=map.setCenter({lat:<?=$ad->latitude?>,lng:<?=$ad->longitude?>})

还有这个，

setCenter(latlng:LatLng|LatLngLiteral)
setCenter(latlng:<?=$ad->latitude?><?=$ad->longitude?>|<?=$ad->latitude?><?=$ad->longitude?>Literal)

但我不能让它在中间，它要么更靠左，要么更靠左上角。但是，如果您打开页面并直接进入“地图”选项卡，您会得到它的中心，但如果您等待然后点击点击地图，它不会在中心。

如果我的解释不是很清楚，请看这里：https://linkinads.com/airline-job-aviation-sales-marketing-sales-representative-sales-manager/landmark-group-job-hiring-in-retail-group.html

请指教。谢谢

Answer 1

放置 iframe 它会自动将位置居中。 例如：只需访问谷歌地图（https://www.google.com/maps/）

在搜索栏中输入您的位置

现在按下侧面菜单按钮

点击分享嵌入地图

出现一个弹出窗口。点击嵌入地图，然后你可以看到 i-frame

或者，如果您想将整个 iframe 居中，则可以将 iframe 放在 div 中并为其设置样式！

快乐编码:)