融合表层鼠标悬停工具提示固定位置和图像

Question

您好我正在使用固定位置的融合表层鼠标悬停工具提示。想法是显示国家标志或任何图像，存储在融合表和一些其他信息也存储在融合表中。 我的问题是标志，标志的链接正在显示，但我无法正常显示任何图像。

http://jsbin.com/uHUQERin/1/

有什么想法吗？

Answer 1

要显示图像，请替换此部分代码：

            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 row = fEvent.row;
            myHtml = '<img src="'+row.flag.value+'"/>';
            document.getElementById('info').innerHTML = myHtml;

但基本问题是你在地图上看到的是FusionTip，而不是#info-div（它位于地图下方）。

禁用FusionTips的显示并将＃info-div放在所需的位置。

修正版：http://jsbin.com/EpiTODa/1

当然可以使用FusionTip来显示标志，但是这需要修改库，所以我不会建议它。