routo Developers

static 지도 생성

정적지도를 요청하는 예제입니다.
API 키(ApiKey)와 표시할 크기(너비:w, 높이:h) 및 중심 좌표(경도:x, 위도:y)를 필수적으로 입력해야됩니다. 지도위에 마커 목록(markers)를 선택적으로 추가할 수 있습니다. 마커를 표시하기 위한 양식은 '경도,위도;이미지경로;표시할문자열;' 입니다.


// javascript+html 코드 참조

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>지도 정보가져오기</title>
    
    <style>
        html,
        body {
            margin: 0;
            padding: 0;
            width: 100%;
            height: 100%;
        }
    </style>
</head>
<body>
    <h2>static 지도 생성</h2>
    <hr />
    <p>
        정적지도를 요청하는 예제입니다.
        API 키(ApiKey)와 표시할 크기(너비:w, 높이:h) 및 중심 좌표(경도:x, 위도:y)를 필수적으로 입력해야됩니다.
        지도위에 마커 목록(markers)를 선택적으로 추가할 수 있습니다. 마커를 표시하기 위한 양식은 '경도,위도;이미지경로;표시할문자열;' 입니다.
    </p>
    <img src="https://api.routo.com/v1/maps/staticmap?w=600&h=400&z=18&x=126.951886&y=37.53228300000001&markers=126.951886,37.53228300000001;http://m2.locationshare.hyundaimotorgroup.com/resources/images/car_ico_blueLink.png;mycar;&key={API_KEY}" alt="정적 지도" />
</body>
</html>

WEB JS