Javascript 固定位置和图像中的Fusion table layer鼠标悬停工具提示
您好,我正在固定位置操作fusion table layer mouseover工具提示。其思想是显示国旗或任何图像,存储在融合表中,其他一些信息也存储在融合表中。 我的问题是旗帜,旗帜的链接正在显示,但我不能正确显示任何图像Javascript 固定位置和图像中的Fusion table layer鼠标悬停工具提示,javascript,google-maps-api-3,tooltip,mouseover,google-fusion-tables,Javascript,Google Maps Api 3,Tooltip,Mouseover,Google Fusion Tables,您好,我正在固定位置操作fusion table layer mouseover工具提示。其思想是显示国旗或任何图像,存储在融合表中,其他一些信息也存储在融合表中。 我的问题是旗帜,旗帜的链接正在显示,但我不能正确显示任何图像 有什么想法吗?要显示图像,请替换这部分代码: var row = fEvent.row; myHtml = 'mouseover:<br/>'; for (var x in row) {
有什么想法吗?要显示图像,请替换这部分代码:
var row = fEvent.row;
myHtml = 'mouseover:<br/>';
for (var x in row) {
if (row.hasOwnProperty(x)) {
myHtml += '<b>' + x + "</b>:" + row[x].value + "<br/>";
}
}
document.getElementById('info').innerHTML = myHtml;
var行=fEvent.row;
myHtml='mouseover:
';
对于(第行中的变量x){
if(第行hasOwnProperty(x)){
myHtml+=''+x+:“+行[x]。值+”
”;
}
}
document.getElementById('info')。innerHTML=myHtml;
因此:
var row = fEvent.row;
myHtml = '<img src="'+row.flag.value+'"/>';
document.getElementById('info').innerHTML = myHtml;
var行=fEvent.row;
myHtml='';
document.getElementById('info')。innerHTML=myHtml;
但基本问题是,你在地图上看到的是FusionIP,而不是#info div(它位于地图下方)
禁用FusionTips的显示,并将#info div置于所需位置
固定版本:
当然,可以使用FusionIP来显示标志,但这需要修改库,因此我不建议这样做。您要在哪里显示这些标志?我可以在信息窗口中看到这些图像。