Question

我创建了一个基于googlemaps的分支页面，其中的地点是通过自定义帖子类型和Google地图高级自定义字段对象创建的。

唯一的问题是：如果我想在infoWindow中包含帖子的内容（以显示位置的详细信息等）并且内容有一行以上 - 代码中断......

例如

这样可以正常工作：

Lorem ipsum dolor sit amet, id malorum numquam per

但这会破裂：

Lorem ipsum dolor sit amet,
id malorum numquam per

这是获取位置内容的代码：

        var locations = [<?php while( $wp_query->have_posts() ){
        $wp_query->the_post();
        $location = get_field('google_map'); 
        ?>
        //acf location's details array
        ['<h1><?php the_title(); ?></h1><h2><?php the_field('branch_name'); ?></h2><div id=<?php echo $post->ID; ?>><?php echo $post->post_content; ?></div>', 
        <?php echo $location['lat']; ?>, <?php echo $location['lng'];?>, <?php $NUM++ ?>],
        <?php } ?> ];

这就是我如何得到infowindow：

            google.maps.event.addListener(marker, 'click', (function(marker, i) {
        return function() {
                infowindow.setContent(locations[i][0]);
                infowindow.open(map, marker);
                for (var j = 0; j < markers.length; j++) {
                markers[j].setIcon("<?php echo get_template_directory_uri(); ?>/images/mapmarker.png");
            }
            marker.setIcon("<?php echo get_template_directory_uri(); ?>/images/mapmarker-active.png");
        };
    })(marker, i));

这是代码共享链接到完整模板的代码： http://www.codeshare.io/zaj6n

Answer 1

使用json_encode打印包含换行符的字符串（或在JS中有问题的字符，例如引号）：

echo json_encode($post->post_content);

为避免json_encode创建的双引号填充具有所需值的PHP数组，并使用json_encode打印整个数组：

（未经测试）

<?php 
  $locations=array();
  while( $wp_query->have_posts() ){
        $wp_query->the_post();
        $location = get_field('google_map');
        $locations[]=array(the_title('<h1>','</h1>',false).
                             '<h2>'.get_field('branch_name').'</h2>'.
                             '<div id="'.$post->ID.'">'.$post->post_content.'</div>',
                           $location['lat'],
                           $location['lng'],
                           $NUM++
                           ); 
  }
  echo "\nvar locations=".json_encode($locations).";\n";

?>

在google map infowindow中获取wordpress帖子内容

1 个答案: