ACF谷歌地图 - 信息窗口问题

ACF Google Map - Issue with Info Window

本文关键字：窗口 问题 信息窗 信息 谷歌地图 ACF      更新时间：2023-09-26

我在我的网站中集成了一个谷歌地图，效果很好。

我正在尝试找出如何在单击标记时添加信息窗口。

我有以下来自高级自定义字段：

    <?php 
$location = get_field('map');
if( !empty($location) ):
?>
<div class="acf-map" style="border:10px solid #1a1a1a;">
    <div class="marker" data-lat="<?php echo $location['lat']; ?>" data-lng="<?php echo $location['lng']; ?>"></div>
</div>
<?php endif; ?>

我还从 http://www.advancedcustomfields.com/resources/google-map/中添加了所需的JS和CSS

希望有人能快速解决这个问题！提前感谢伙计们。

尝试在div 的内部 HTML 中编写内容 

 <div class="marker" data-lat="<?php echo $location['lat']; ?>" data-lng="<?php echo $location['lng']; ?>">CONTENT NEEDS TO BE ADDED HERE</div>

因为ACF JS使用div中的内容并放入弹出窗口。

// if marker contains HTML, add it to an infoWindow
    if( $marker.html() )
    {
        // create info window
        var infowindow = new google.maps.InfoWindow({
            content     : $marker.html()
        });
        // show info window when marker is clicked
        google.maps.event.addListener(marker, 'click', function() {
            infowindow.open( map, marker );
        });
    }
相关文章：