Question

我的Google地图已集成到我的网站中，效果很好。

我试图找到如何在点击标记时添加infoWindow。

我在高级自定义字段中有以下内容：

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

希望有人能快速解决这个问题！先谢谢你们。

Answer 1

尝试在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中的内容并放入Popup窗口。

// 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 );

        });
    }

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

1 个答案: