loadSvg (ibmap.map method)

SVG 이미지를 로드합니다.
data를 입력한 경우 SVG 요소의 id와 data의 id가 연결 됩니다.
해당 기능을 사용한 경우, zoom 동작이 불가능합니다.

Syntax

ibmap.map.lodSvg(opt);

Parameters

Name Type Required Description
opt object 필수 옵션 객체

opt Info

name type required description
url string 필수 호출 url(svg image url)
data object \| string 선택 json 규격의 데이터 객체 또는 데이터의 url
callback function 선택 SVG 로드 후 호출할 callback 함수

Returns

none

Example

var data = [
    {
        "id": "north-america",
        "name": "북아메리카",
        "name-kr": "북아메리카",
        "name-en": "North America"
    },
    {
        "id": "south-america",
        "name": "남아메리카",
        "name-kr": "남아메리카",
        "name-en": "South-america"
    },
    {
        "id": "europe",
        "name": "유럽",
        "name-kr": "유럽",
        "name-en": "Europe"
    },
    {
        "id": "africa",
        "name": "아프리카",
        "name-kr": "아프리카",
        "name-en": "Africa"
    },
    {
        "id": "asia",
        "name": "아시아",
        "name-kr": "아시아",
        "name-en": "Asia"
    },
    {
        "id": "oceania",
        "name": "오세아니아",
        "name-kr": "오세아니아",
        "name-en": "Oceania"
    }
];

var opt = {
    url: '../assets/ibmap/map/design/world.svg',
    data: data,
    callback: function () {
        ibmap.map.select('north-america');
    }
};

ibmap.map.loadSvg(opt);

since

version desc
8.0.0.12 기능 추가