【问题标题】:Creating multiple markers and infowindows google maps [duplicate]创建多个标记和信息窗口谷歌地图[重复]
【发布时间】:2014-07-18 03:19:53
【问题描述】:

大家好,我正在尝试向地图添加多个标记和信息窗口 代码如下:

        while($wiersz=mysql_fetch_array($result)){
        $latit=$wiersz["Latitude"];
        $longit=$wiersz["Longitude"];
        $nick=$wiersz["Username"];
         ?>

        var lt = '<?php echo $latit ?>';
        var lng = '<?php echo $longit ?>'; 
        var nick = '<?php echo $nick ?>';
        var coords2 = new google.maps.LatLng(lt, lng);
        var marker = new google.maps.Marker({
                position: coords2,
                map: map,
         });

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

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

它会创建标记,但是当我尝试使用 infowindow 时,只会弹出最后一个。 当我看到类似的问题时,我尝试制作数组信息窗口,但地图甚至没有加载。

【问题讨论】:

标签: javascript php mysql google-maps-api-3 geolocation


【解决方案1】:

把你的代码改成

var marker = new Array();
 var infowindow = new Array();
<?php $i = -1; 
while($wiersz=mysql_fetch_array($result)){
            $latit=$wiersz["Latitude"];
            $longit=$wiersz["Longitude"];
            $nick=$wiersz["Username"];
            $i++;
             ?>

            var lt = '<?php echo $latit ?>';
            var lng = '<?php echo $longit ?>'; 
            var nick = '<?php echo $nick ?>';
            var coords2 = new google.maps.LatLng(lt, lng);
            marker[<?php echo $i; ?>] = new google.maps.Marker({
                    position: coords2,
                    map: map,
             });

           infowindow[<?php echo $i; ?>] = new google.maps.InfoWindow({
             content:nick
               });

             google.maps.event.addListener(marker[<?php echo $i; ?>], 'click', function() {
             infowindow[<?php echo $i; ?>].open(map,this);
             });
             <?php  } ?>

【讨论】:

  • 你有我永远的感激,伙计
  • 如果回答有帮助,请投票给回答 :3 并检查 V :)
猜你喜欢
  • 1970-01-01
  • 2023-03-09
  • 2011-08-21
  • 1970-01-01
  • 1970-01-01
  • 2013-06-28
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多