korea.php

<?php include("header.php"); ?>
<h2>Korea Map</h2>
<div class="row">
    <div id="korea" class="col-md-8"></div>
    <div class="col-md-4">
        <h2 id="name_ko"></h2>
    </div>
</div>

<script>
    var data = [];
    $.getJSON("svgkorea/korea.json",function(d){
        data = d.korea.city;
        //console.log(data);
    });

    $("#korea").load("svgkorea/korea.svg");
    $("#korea").on("click",".land",function(){
        var id = $(this).attr("id");
        var info = data.filter(function(cities){
            return cities.id === id;
        });
        var city = info[0];
        $("#name_ko").html(city.name_ko);
    });
</script>
<?php include("footer.php"); ?>