Javascript code not executing in image tag

Asked May 21 '22 at 12:14

Active May 21 '22 at 12:15

Viewed 34 times

This is my first time writing here. I want to display an image in an info window of google maps. After retrieving data from the database, i successfully displayed some data in the info window. But the problem is to display the image. 'clinics[i].image' is the one not executing.

infowindow.setContent('<div>' +
                        '<span>'+' <img src="{{ asset("storage/image/".'clinics[i].image') }}" style="height: 150px; width: 300px;"> '+ '</span><br>' +
                      '<span><h3> ' + clinics[i].name  + '('+clinics[i].type +')'+'</h3></span><br>' +
                       '<span>Hours: ' + clinics[i].hours + '</span><br>' +
                      '</div>');

edited May 21 '22 at 12:15

Professor Abronsius

33,063
5
32
46

asked May 21 '22 at 12:14

Piliran Zimba

Have you looked at [template literals](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals) for including variables in your HTML? – Professor Abronsius May 21 '22 at 12:18
Is that code inside a `.blade.php` file? Anyway, you can't mix Blade/PHP and JS like that. – brombeer May 21 '22 at 12:19
1

hi, welcome to stackoverflow piliran. what broombeer meant is that your ` – Bagus Tesa May 21 '22 at 12:30

Javascript code not executing in image tag

0 Answers0