After some hours of tweaking I got this:
http://support.advancedcustomfields.com/forums/topic/multiple-post-points-on-google-maps/page/2/#post-16402
This works better, no more update-struggles:
if(function_exists("acf_add_options_page")) {
acf_add_options_page();
}
if(function_exists("register_options_page")) {
register_options_page('Various');
register_options_page('Header');
register_options_page('Footer');
}
Would like to know this as well, a client is asking for this and I’d like to figure this out.
Any news on this one? Would be a great feature!
I ended up with this:
<?php $rows = get_field('field'); if($rows) $i = 0; { shuffle( $rows ); foreach($rows as $row) { $i++; if($i==13) break; $image = wp_get_attachment_image_src( $row['subfield1'], 'full' ); ?>
<div class="class"><a href="<?php echo $row['subfield2']; ?>"><img src="<?php echo $image[0]; ?>" alt="<?php echo $image['alt']; ?>" /></a></div>
<?php } } ?>
@bounty_digital Did you find out how to get a random AND limited output?
Thanks for your quick suggestion, however I tried for quite a while now but can’t seem to find where to add that rule.
I’m using your code from the documentation:
<script type="text/javascript">
(function($) {
/*
* render_map
*
* This function will render a Google Map onto the selected jQuery element
*
* @type function
* @date 8/11/2013
* @since 4.3.0
*
* @param $el (jQuery element)
* @return n/a
*/
function render_map( $el ) {
// var
var $markers = $el.find('.marker');
// vars
var args = {
zoom : 16,
center : new google.maps.LatLng(0, 0),
mapTypeId : google.maps.MapTypeId.ROADMAP
};
// create map
var map = new google.maps.Map( $el[0], args);
// add a markers reference
map.markers = [];
// add markers
$markers.each(function(){
add_marker( $(this), map );
});
// center map
center_map( map );
}
/*
* add_marker
*
* This function will add a marker to the selected Google Map
*
* @type function
* @date 8/11/2013
* @since 4.3.0
*
* @param $marker (jQuery element)
* @param map (Google Map object)
* @return n/a
*/
function add_marker( $marker, map ) {
// var
var latlng = new google.maps.LatLng( $marker.attr('data-lat'), $marker.attr('data-lng') );
// create marker
var marker = new google.maps.Marker({
position : latlng,
map : map
});
// 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 );
});
}
}
/*
* center_map
*
* This function will center the map, showing all markers attached to this map
*
* @type function
* @date 8/11/2013
* @since 4.3.0
*
* @param map (Google Map object)
* @return n/a
*/
function center_map( map ) {
// vars
var bounds = new google.maps.LatLngBounds();
// loop through all markers and create bounds
$.each( map.markers, function( i, marker ){
var latlng = new google.maps.LatLng( marker.position.lat(), marker.position.lng() );
bounds.extend( latlng );
});
// only 1 marker?
if( map.markers.length == 1 )
{
// set center of map
map.setCenter( bounds.getCenter() );
map.setZoom( 14 );
}
else
{
// fit to bounds
map.fitBounds( bounds );
}
}
/*
* document ready
*
* This function will render each map when the document is ready (page has loaded)
*
* @type function
* @date 8/11/2013
* @since 5.0.0
*
* @param n/a
* @return n/a
*/
$(document).ready(function(){
$('.acf-map').each(function(){
render_map( $(this) );
});
});
})(jQuery);
</script>
Same problem here, I’m using the Google Map in a lightbox. When I use it on a normal page it’s rendered correctly. No JS error is visible in the Chrome Inspector both times.
Only when I resize my window, even by 1px, the map begins to render correctly in the lightbox.
Thanks, got it working! Partially though, because right now I’m getting the first six of the second repeater. And because it’s the second repeater I’m getting chunks of 6 items repeatedly 😉
But I’m fine with it for now. I’m setting all items to display: none
and setting the first six to display: block
. Not the most ideal situation but my clients budget already reached its limit 😉
The repeater in the repeater itself is working, I’m just getting all the rows instead of the first six that I would like.
I’m trying to get this work with a repeater in a repeater, but no luck so far. Any suggestions?
<?php if(get_field('agenda-month')): ?>
<?php while(has_sub_field('agenda-month')): ?>
<?php $i = 0; if(get_sub_field('agenda-item')): $i++; if( $i > 6 ) { break; } ?>
<?php while( has_sub_field('agenda-item') ): ?>
<div class="agenda-item">
<span class="agenda-date"><?php $date = get_sub_field('agenda-dag'); $y = substr($date, 0, 4); $m = substr($date, 4, 2); $d = substr($date, 6, 2); $time = strtotime("{$d}-{$m}-{$y}"); echo date_i18n( 'j-m', $time ); ?></span>
<span><?php the_sub_field('agenda-text'); ?></span>
</div>
<?php endwhile; ?>
<?php endif; ?>
<?php endwhile; ?>
<?php endif; ?>
Same here, with the ‘Save/Load to post’ option ticked.
Same problem here, let me know if I can help. Using it with custom taxonomies and checkboxes.
No error here as well, also using Chrome.
Welcome to the Advanced Custom Fields community forum.
Browse through ideas, snippets of code, questions and answers between fellow ACF users
Helping others is a great way to earn karma, gain badges and help ACF development!
We use cookies to offer you a better browsing experience, analyze site traffic and personalize content. Read about how we use cookies and how you can control them in our Privacy Policy. If you continue to use this site, you consent to our use of cookies.