Example:
// DitapViewer 생성
const viewer = new Ditap.DitapViewer("ditapContainer", {
baseLayerPicker: true,
});
// DitapBaseLayerPicker 인스턴스 생성
const ditapBaseLayerPicker = viewer.ditapBaseLayerPicker;
const vWorldImageryProvider = new Ditap.ProviderViewModel({
name: "VWorld Korea Map",
iconUrl: Utils.getUrlFromBase64(
Ditap.ConstantUrl.VWORLD_MAP_IMG_URL
),
tooltip: "VWorld Korea Map",
category: "Other",
creationFunction: function () {
return new Ditap.VWorldImageryProvider({
// 발급 받은 apiKey 추가 (필수)
apiKey: apiKey,
// 맵 타입 추가 (필수)
mapType: "base",
});
},
});
ditapBaseLayerPicker.viewModel.selectedImagery = vWorldImageryProvider;
// * 하이브리드("hybrid") 지도는 단독으로 사용하는 지도가 아닌 다른 지도(위성영상 등의 정보 표기가 없는 영상지도)를 아래에 겹쳐 정보를 보여주는 목적의 지도입니다.
// 하이브리드 지도 사용시 두 개 이상의 지도를 배열로 반환하여 사용합니다.
// const vWorldImageryProvider = new Ditap.ProviderViewModel({
// name: "VWorld Korea Map",
// iconUrl: Utils.getUrlFromBase64(
// Ditap.ConstantUrl.VWORLD_MAP_IMG_URL
// ),
// tooltip: "VWorld Korea Map",
// category: "Other",
// creationFunction: function () {
// const base = new Ditap.VWorldImageryProvider({
// apiKey: "ABB43517-2006-318D-A8DB-CAC4A4FBB5B5",
// mapType: "satellite",
// });
// const hyb = new Ditap.VWorldImageryProvider({
// apiKey: "ABB43517-2006-318D-A8DB-CAC4A4FBB5B5",
// mapType: "hybrid",
// });
// return [base, hyb];
// },
// });