// img 엘리먼트 반환 // 브라우저가 geolocation 지원하지 않으면 에러 발생 function getMap() { if( !navigator.geolocation) throw "위치 정보가 지원되지 않습니다."; var image = document.createElement("img"); navigator.geolocation.getCurrentPosition(setMapURL); return image; function setMapURL(pos) { // 전달된 파라미터 객체로부터 위치 정보를 가져온다. var latitude = pos.coords.latitude; var longitude = pos.coords.longitude; var accuracy = pos.coords.accuracy; // 해당 위치의 구글 지도에 대한 정적 이미지 URL 생성 var url = `http://maps.google.com/maps/api/staticmap?center=${latitude},${longitude}&size=480x480&sensor=true`; var zoomlevel = 20; if(accuracy > 80) { zoomlevel -=Math.round(Math.log(accuracy/50)/Math.LN2); url += "&zoom=" + zoomlevel; image.src = url; } } } document.getElementById('t1').appendChild(getMap());
<div id="t1"></div>