JSFiddle - React, Tailwind, and code Playground

by cs09g

HTML

<meta charset="UTF-8">
<title> 좌표 변환 </title>
<script type="text/javascript" src="http://api.map.inavi.com/Map/GetApi?key=e36391053096240fa6b2c3edcb671c5d63c81a8a"></script>
<div id="map"></div>
<div id="log"></div>

CSS

#map {
    width: 100%;
    height: 500px;
}

JavaScript

var map = new thinkware.maps.Map("map", {
    center: {
        twX: 169030, 
        twY: 517922
    },
    level: 1,
    type: "i",
    callback: success = function() {
        console.log("success");
    },
});
var log = document.getElementById("log");
thinkware.maps.event.addListener(map, 'click', function(e) {
    var tw = e.position;
    var wgs = thinkware.maps.util.getLonLatFromCoordinate(tw);
    log.innerHTML = [
        "팅크웨어 좌표: ", tw.twX, ", ", tw.twY, "<br>",
        "WGS84 좌표: ", wgs.lon, ", ", wgs.lat].join("");
});

console.log(thinkware.maps.util.getLonLatFromCoordinate({twX:169030.5, twY:517922}));
console.log(thinkware.maps.util.getLonLatFromCoordinate({twX:169030, twY:517922}));
console.log(thinkware.maps.util.getLonLatFromCoordinate({twX:169030, twY:517922}));