ACF Google 地图 - 信息问题 Window

Question

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

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

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

    <?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中的内容并放入了Popupwindow.

// 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 Google 地图 - 信息问题 Window

ACF Google Map - Issue with Info Window

javascript

php

wordpress

google-maps

advanced-custom-fields