Map 如何在我的站点前端显示高级自定义字段插件的谷歌地图字段？

我已经使用谷歌地图领域的高级自定义领域插件输入地图价值从后端我的网站。有谁能建议我在我的网站前端展示它的最佳方式吗

我找到了使用ACF的google地图字段的解决方案。您可以找到ACF谷歌地图字段的文档

如果您不想使用ACF的默认脚本，可以考虑以下方法：

在要显示地图的位置添加以下

div

：

<div id="map_canvas" style="height: 350px;width: 1200px; margin: 0.6em;"></div>

---

我已经尝试了上述被接受的答案，但对我来说并不奏效。我发现的简单解决方案是使用仪表板中的ACF插件添加位置，并使用iframe显示位置

     <iframe width="400" height="400" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.ca/maps?center=<?php the_field('maps'); ?>&q=<?php the_field('maps'); ?>&zoom=14&size=300x300&output=embed&iwloc=near"></iframe><br />

     <iframe width="400" height="400" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.ca/maps?center=<?php the_field('maps'); ?>&q=<?php the_field('maps'); ?>&zoom=14&size=300x300&output=embed&iwloc=near"></iframe><br />