在 Javascript 中引用图像

Question

我正在使用一个 javascript 地图，我正在尝试将图像添加到工具提示中，

这是代码：

var shardicon = L.Icon.extend({
        iconUrl: 'images/A.png',
        shadowUrl: '',
        iconSize: new L.Point(20, 30),
        iconAnchor: new L.Point(10, 15),
        popupAnchor: new L.Point(-0, -20)
    });

    var shard = new shardicon()
    var marker7 = new L.Marker(new L.LatLng(51.504409, -0.086335), {icon: shard})
    marker7.bindPopup("<h1>The Shard</h1>");

当我尝试将图像引用添加到 HTML 位（分片位）时，它会关闭“引号”和休息。

知道我该怎么做吗？

提前致谢！

Answer 1

在 Javascript 中，您可以使用双引号和单引号，使用一个引号来分隔 JS 解释器的外部字符串，另一个用于分隔 HTML，如下所示：

marker7.bindPopup("<h1>The Shard<img src='images/A.png'></h1>");

或者，也可以这样做：

marker7.bindPopup('<h1>The Shard<img src="images/A.png"></h1>');