Как отображать данные в div вне карты при каждом нажатии на маркер на карте mapbox?

Question

При каждом нажатии на маркер на карте мне нужно показывать данные этого маркера в div, который находится вне карты.

Я пытаюсь использовать элемент Html Dom.

map.on('click', 'places', function (e) {
            var coordinates = e.features[0].geometry.coordinates.slice();
            var title = e.features[0].properties.title;
            var description = e.features[0].properties.description;

            while (Math.abs(e.lngLat.lng - coordinates[0]) > 180) {
                coordinates[0] += e.lngLat.lng > coordinates[0] ? 360 : -360;
            }


            var content = '<div><strong>' + feature.properties.title + '</strong>' +
                '<p>' + feature.properties.description + '</p></div>';

            info.innerHTML = content;

        });

Здесь мне нужно показать информацию в таблице.

 <div class="info" id="info" style="color: whitesmoke">


        </div>

Это карта div

<div id="map">

    </div>

Answer 1

Заменить эту строку:

info.innerHTML = content;

с этой строкой:

document.getElementById('info').innerHTML = content;