Я некоторое время боролся с Google Maps Google ACF, и я не могу заставить информационное окно включить текст «Тест». Чего мне не хватает?
Я попробовал все, но похоже, что $ marker.html () не получает HTML из шаблона.
Вот шаблон:
<?php
$location = get_sub_field('gital_content_map');
if( !empty($location) ):
?>
<div class="g-maps-marker">
<div class="marker" data-lat="<?php echo $location['lat']; ?>" data-lng="<?php echo $location['lng']; ?>">
<h3>Test</h3>
</div>
</div>
<?php endif; ?>
Вот часть JS:
function add_marker($marker, map) {
// var
var latlng = new google.maps.LatLng($marker.attr('data-lat'), $marker.attr('data-lng'));
// create marker
var icon = {
url: "../wp-content/themes/gital theme/images/Marker.png", // url
scaledSize: new google.maps.Size(40, 50), // scaled size
origin: new google.maps.Point(0,0), // origin
anchor: new google.maps.Point(20,50) // anchor
};
var marker = new google.maps.Marker({
position: latlng,
map: map,
icon: icon
});
// add to array
map.markers.push(marker);
// 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);
});
}