# change_default_tooltip.js

var options1 = {
    id: "demo1",
    layers: [
        {
            type: 'Tile' // if defined only layer name, c9 creates OSM source
        }, {
            type: 'Vector',
            source: {
                name: 'Vector',
                format: 'GeoJSON',
                url: 'https://openlayers.org/en/v3.19.1/examples/data/geojson/countries.geojson'
            }
        }
    ],
    // styling tooltip through class 'c9-map-tooltip-container' or id 'c9MapPopup'
    // only display tooltip when hovering on feature - default
    tooltip: {
        format: function(d) {
            return 'Country ID: ' + d.id + 'Country Name: ' + d.name
        }
    }
};

var map = new C9.Map(options1);
map.draw();