Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/377.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
Google Maps Javascript v3多段线单击事件_Javascript_Google Maps_Google Maps Api 3_Google Polyline - Fatal编程技术网

Google Maps Javascript v3多段线单击事件

Google Maps Javascript v3多段线单击事件,javascript,google-maps,google-maps-api-3,google-polyline,Javascript,Google Maps,Google Maps Api 3,Google Polyline,我正在尝试使用多段线来显示一张地图。单击多段线时,我希望显示特定于该线的数据。将数据与直线关联不是问题,但无论单击哪条直线,显示的数据都与最近绘制的直线关联,就像每个新多段线覆盖最后一条一样。 我有一个数据库,其中包含一个指向gpx文件的链接、一个指向视频的链接、路线类型(指示颜色)和一些其他内容。 这条线是通过解析gpx文件并将google maps latlng变量推送到数组中绘制的: var p = new google.maps.Lat

我正在尝试使用多段线来显示一张地图。单击多段线时,我希望显示特定于该线的数据。将数据与直线关联不是问题,但无论单击哪条直线,显示的数据都与最近绘制的直线关联,就像每个新多段线覆盖最后一条一样。 我有一个数据库,其中包含一个指向gpx文件的链接、一个指向视频的链接、路线类型(指示颜色)和一些其他内容。 这条线是通过解析gpx文件并将google maps latlng变量推送到数组中绘制的:

                          var p = new google.maps.LatLng(lat, lng); 
                          points.push(p);     
                    }
                    var poly = new google.maps.Polyline({
                          // style here
                              path: points,
                              strokeColor: "Random Colour", //seems to save over the previous colour for each line
                              strokeOpacity: .5,
                              strokeWeight: 4
                        });
                    playVideo(poly, video, map); // Click event function.
                    poly.setMap(map);
             });
点击事件功能基本如下:

function playVideo(poly, video, map){
    google.maps.event.addListener(poly, 'click', function(h) {

             document.getElementById('play').innerHTML = '<iframe width="640" height="360"' + ' src='+ video + '" frameborder="0" allowfullscreen></iframe>';
         });
}
功能播放视频(多边形、视频、地图){
google.maps.event.addListener(poly,'click',函数(h){
document.getElementById('play').innerHTML='您有一个输入错误(在
播放视频
函数的“src”中缺少

功能播放视频(多边形、视频、地图){
google.maps.event.addListener(poly,'click',函数(h){

document.getElementById('play').innerHTML='您能提供一个演示该问题的示例吗?抱歉,必须刚刚完成编辑代码将其粘贴到这里,视频链接可以工作。我只是想弄清楚为什么每条多边形线不能有不同的视频关联。然后请提供一个包含多个“视频”的示例(一个证明问题的例子)
function playVideo(poly, video, map){
  google.maps.event.addListener(poly, 'click', function(h) {
         document.getElementById('play').innerHTML = '<iframe width="640" height="360"' + ' src='+ video + '" frameborder="0" allowfullscreen></iframe>';
  });
}
function playVideo(poly, video, map){
  google.maps.event.addListener(poly, 'click', function(h) {
         document.getElementById('play').innerHTML = '<iframe width="640" height="360"' + ' src="'+ video + '" frameborder="0" allowfullscreen></iframe>';
  });
}