我在我的网站中集成了一个谷歌地图,效果很好。
我正在尝试找出如何在单击标记时添加信息窗口。
我有以下来自高级自定义字段:
<?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 );
});
}