$('head').append( $('<link rel="stylesheet" type="text/css" />').attr('href', '../../../rv-styles.css') );

$.getScript('../../../rv-main.js', function() {
    RAMP.mapAdded.subscribe(mapi => {
        mapi.centerChanged.subscribe(xy => console.log(`Center changed to x: ${xy.x}, y: ${xy.y}`));
    });

    $('body').append(`
        <div id="fgpmap" style="height: 700px;" rv-langs='["en-CA", "fr-CA"]' rv-service-endpoint="http://section917.canadacentral.cloudapp.azure.com/"></div>
    `);

    const mapInstance = new RAMP.Map(document.getElementById('fgpmap'), '../../config.rcs.[lang].json');
});