Ссылки на изображения в 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>');