我目前正在使用 Google Maps API 创建一个属性地图。我通过自定义帖子类型来控制它，该类型将标记带入地图，并在单击它们时打开 infoWindows。

我现在需要实现某种方式来列出地图下方的属性（最终显示在一个滑块中），以便在地图外单击该属性时，地图会平移到标记并打开信息窗口。

目前我根本无法让它工作 - 我不是一个非常强大的 javascript 编码器，所以任何帮助将不胜感激。

我目前在地图下方有一个帖子类型条目列表，但无法链接它们。

这是迄今为止地图的代码片段..

     /* MARKER 1 */

function add_marker( $marker, map ) {

    // var
    var image = 'http://www.masonyoung.co.uk/wp-content/uploads/2015/08/mason-new.png';
    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,
        icon: image
    });



    // 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, 'mouseover', function() {

            if($('.gm-style-iw').length) {
                $('.gm-style-iw').parent().hide();
            }


            infowindow.open( map, marker );


        });



            google.maps.event.addListener(marker, "mouseout", function() {
                marker.setAnimation(null);
            });




    }






}

这是我迄今为止的地图下方属性列表的代码..

    <?php 
$maps = get_posts( array(
    'post_type' => 'properties',
    'posts_per_page' => -1
    ) );?>

<?php foreach($maps as $map): ?>
    <?php
     $location = get_field('location',$map->ID);
     $price = get_field('price',$map->ID);
     $squareft = get_field('sq_ft_total',$map->ID);
     $buylet = get_field('to_buy_or_to_let',$map2->ID);
     $link = the_permalink($map->ID);

?>


<div id="map_list">

       <ul id="map-locations">

            <li data-lat="<?php echo $location['lat']; ?>" data-lng="<?php echo $location['lng']; ?>">
                <h3><a href="<?php echo post_permalink( $map ); ?>"><?php echo $location['address']; ?></a></h3>
            </li>

        </ul>


     </div>


<?php endforeach; ?>