動態加載的Javascript谷歌地圖API：點擊標記彈出

Question

所以我有一個地圖我工作的動態加載這樣的：

foreach($myposts as $post) : setup_postdata($post); ?>         

    var marker<?php echo $count; ?> = new google.maps.Marker({ position: new google.maps.LatLng<?php the_field('longlat'); ?>, map: map, title:"<?php the_title(); ?>, <?php the_field('address'); ?>", icon:image }); 

    google.maps.event.addListener(marker<?php echo $count; ?>, 'click', function() 
    { 

     alert('you clicked: <?php the_title(); ?> - <?php the_field('address'); ?>'); 

    }); 

    <?php $count++ ?> 

    <?php endforeach; ?> 

我希望它做的是優雅加載標誌是什麼與標題和地址彈出...從PHP是這兩個值：

<?php the_title(); ?> - <?php the_field('address'); ?> 

目前它這一點，但在警告...

那麼，如何設置此所以它出現在在標記上方彈出？

感謝您的幫助！

Answer 1

我會建議你檢查出infoWindow類和相關文件：https://developers.google.com/maps/documentation/javascript/reference#InfoWindow

還有一些相關的代碼樣本在： https://developers.google.com/maps/documentation/javascript/demogallery

如果你有報警代碼，你可以把東西如：

var infowindow = new google.maps.InfoWindow(); 
infowindow.setContent('Whatever you want in the popup'); 
infowindow.open(map, this);