function show_map() {

        var mymap = L.map('map_canvas').setView([45.5374359, -73.5572183], 15);
    
    L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
        attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
    }).addTo(mymap);

    let bubbleDetails;
        bubbleDetails = '<div class="map_location_box">';
        bubbleDetails += '<img src="50873f4a20ca5.jpg" align="right">';
    bubbleDetails += '<h1>Salon dOr Massage</h1>';
        bubbleDetails += '<div>';
    bubbleDetails += '2748 Rue Hochelaga<br/>Montreal,Quebec'
    bubbleDetails += '<br/>514-523-4000';
    bubbleDetails += '</div></div>';

        L.marker([45.5374359, -73.5572183]).addTo(mymap);
        
}

$(document).ready(function () {

    show_map();

});