Html 使用数据地图悬停时的图像徽标

我在使用数据地图。通过跳到例子中学习

这是提供的演示：

我试图让一个标志出现在悬停上——就像鼠标在泡泡上一样，你会得到一个字符串和一个图像，比如说img

当我尝试使用img src=“image url here”alt=“smiley”将其添加到popupTemplate时，代码不会运行

popupTemplate: function(geo, data) {
return "<div class='hoverinfo'>It is " + data.name + "</div>";
}

popupTemplate:函数（地理位置、数据）{
返回“It is”+data.name+”；
}

-这是最接近我所寻找的，但我仍然无法让它用于datamaps

---

你能帮忙吗？谢谢。

代码中的

popupTemplate

可以工作，但它是为上面数组的圆形气泡而调用的。我还尝试添加了笑脸img，效果很好

如果要在地理区域上放置自定义弹出窗口，则必须将

geographyConfig

添加到

Datamap

初始化中，并使用

poputemplate

，例如在

数据之后：

var map = new Datamap({
    ...
    data: {...}

    geographyConfig: {
      popupTemplate: function(geo, data) {
        return "<div class='hoverinfo'>It is " + geo.properties.name + "</div>";
      }
    }
}

var-map=新数据映射({
...
数据：{…}
地理图形配置：{
popupTemplate：功能（地理位置、数据）{
返回“It is”+geo.properties.name+”；
}
}
}

这里有一个工作示例：
代码中的
popuTemplate
可以工作，但它是为上面数组的圆形气泡调用的。我还尝试添加了smiley img，效果很好

如果要在地理区域上放置自定义弹出窗口，则必须将
geographyConfig
添加到
Datamap
初始化中，并使用
poputemplate
，例如在
数据之后：

var map = new Datamap({
    ...
    data: {...}

    geographyConfig: {
      popupTemplate: function(geo, data) {
        return "<div class='hoverinfo'>It is " + geo.properties.name + "</div>";
      }
    }
}

var-map=新数据映射({
...
数据：{…}
地理图形配置：{
popupTemplate：功能（地理位置、数据）{
返回“It is”+geo.properties.name+”；
}
}
}

这里有一个工作示例：
你说的“它坏了”是什么意思？抱歉-这意味着当我添加我认为应该输入的内容以输入图片时，比如popuTemplate:function（geo，data）{return“它是”+data.name+}“它不起作用。我知道我输入图像的方式有问题，但我不知道是什么。谢谢。你说的“它坏了”是什么意思？对不起-这意味着当我添加我认为应该输入的图片时，比如PoputTemplate:function（geo，data）{return“它是”+data.name+}”“它不起作用。我知道我输入图像的方式有问题，但我不知道是什么问题。谢谢。就是这样！谢谢！我想我有“”问题。从一个初学者开始-谢谢你花时间。就是这样！谢谢！我想我有“”问题。从一个初学者开始-谢谢你花时间。