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