Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/469.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php 让infowindows在循环中工作_Php_Javascript_Wordpress_Google Maps_Google Maps Api 3 - Fatal编程技术网

Php 让infowindows在循环中工作

Php 让infowindows在循环中工作,php,javascript,wordpress,google-maps,google-maps-api-3,Php,Javascript,Wordpress,Google Maps,Google Maps Api 3,我正在从Wordpress中一系列帖子的元数据生成地图。地图和点生成得很好,但当我单击点时,信息窗口总是在同一位置生成,而不是在我单击的点上生成。有人能帮我一下吗,我在v2中工作正常,但我在3年内无法计算出来 在循环中使用以下命令生成映射: function initialize(){ var myLatlng = new google.maps.LatLng(45, -123); var myOptions = { zoom: 3,

我正在从Wordpress中一系列帖子的元数据生成地图。地图和点生成得很好,但当我单击点时,信息窗口总是在同一位置生成,而不是在我单击的点上生成。有人能帮我一下吗,我在v2中工作正常,但我在3年内无法计算出来

在循环中使用以下命令生成映射:

function initialize(){
    var myLatlng = new google.maps.LatLng(45, -123);
     var myOptions = {
            zoom: 3,
            center: myLatlng,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };
    var map = new google.maps.Map(document.getElementById('travel_map'), myOptions);
    <?php if ( have_posts() ) :  while ( have_posts() ) : the_post();
        $my_post = get_post($post_id);
        $mapTitle  = $my_post->post_title;
        $lat = get_post_meta($post->ID, 'latitude', true); 
        $long = get_post_meta($post->ID, 'longitude', true);
        ?>

    var contentString = 'test';

    var infowindow = new google.maps.InfoWindow({
        content: contentString
    });

     var marker = new google.maps.Marker({
        position: new google.maps.LatLng(<?php echo $lat . ", " . $long ?>),
        map: map
     });

    google.maps.event.addListener(marker, 'click', function() {
      infowindow.open(map,marker);
    }); 

<?php endwhile;  ?>
<?php endif; ?>
}
函数初始化(){
var mylatng=new google.maps.LatLng(45,-123);
变量myOptions={
缩放:3,
中心:myLatlng,
mapTypeId:google.maps.mapTypeId.ROADMAP
};
var map=new google.maps.map(document.getElementById('travel\u map'),myOptions);
var contentString='test';
var infowindow=new google.maps.infowindow({
内容:contentString
});
var marker=new google.maps.marker({
位置:新建google.maps.LatLng(),
地图:地图
});
google.maps.event.addListener(标记'click',函数(){
信息窗口。打开(地图、标记);
}); 
}

这里介绍如何在页面上使用多个标记和多个信息窗口

以下是实施方案:

<script type="text/javascript">

    var infowindow = null;
    var markers = [];
    function initialize(){
    var myLatlng = new google.maps.LatLng(45, -123);
     var myOptions = {
            zoom: 3,
            center: myLatlng,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };

    var map = new google.maps.Map(document.getElementById('travel_map'), myOptions);

    infowindow = new google.maps.InfoWindow({
        content: "holding..."
    });

    <?php if ( have_posts() ) :  while ( have_posts() ) : the_post();
        $my_post = get_post($post_id);
        $mapTitle  = $my_post->post_title;
        $lat = get_post_meta($post->ID, 'latitude', true); 
        $long = get_post_meta($post->ID, 'longitude', true);
        ?>

    var marker = new google.maps.Marker({
        position: new google.maps.LatLng(<?php echo $lat . ", " . $long ?>),
        map: map,
        html: "<b><?php echo $mapTitle; ?></b><br><br><?php echo $my_post; ?>"
    });

    markers.push(marker);

    google.maps.event.addListener(marker, 'click', function () {
        infowindow.setContent(this.html);
        infowindow.open(map, this);
    });


<?php endwhile;  ?>
<?php endif; ?>
}
</script>

var infowindow=null;
var标记=[];
函数初始化(){
var mylatng=new google.maps.LatLng(45,-123);
变量myOptions={
缩放:3,
中心:myLatlng,
mapTypeId:google.maps.mapTypeId.ROADMAP
};
var map=new google.maps.map(document.getElementById('travel\u map'),myOptions);
infowindow=新建google.maps.infowindow({
内容:“持有……”
});
var marker=new google.maps.marker({
位置:新建google.maps.LatLng(),
地图:地图,
html:

“ }); 标记器。推(标记器); google.maps.event.addListener(标记,'click',函数(){ setContent(this.html); 打开(地图,这个); }); }
谢谢,我刚刚关闭了那个网站,然后在这里发布了SO=)我尝试了他的解决方案,但没有任何运气。除非我听到其他想法,否则我必须再次检查。哦,那太好了。不确定我在做什么(但我做错了!)。谢谢你的帮助!