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>');

在Javascript中引用图像

1 个答案: