</style>

</head>
<body>

<header>Use onCountryPicked() API to set callback function when a new country is clicked</header>

<div id="globalArea"></div>

<div class="view_source">
    <a href="https://github.com/syt123450/Gio.js/blob/master/examples/19_API_onCountryPicked.html">View Source</a>
</div>

<div id="infoBoard">
    <div id="countryArea"></div>
    <div id="explanation">Get country name from callback</div>
</div>

<script>

    var container = document.getElementById( "globalArea" );
    var contr