다음을 통해 공유

웹 SDK 지원 브라우저

  • 아티클

Azure Maps 웹 SDK는 atlas.isSupported라는 도우미 함수를 제공합니다. 이 함수는 지도 컨트롤 로드 및 렌더링을 지원하는 데 필요한 최소 WebGL 기능 집합이 웹 브라우저에 있는지 여부를 검색합니다. 함수 사용 방법의 예는 다음과 같습니다.

if (!atlas.isSupported()) {
    alert('Your browser is not supported by Azure Maps');
} else if (!atlas.isSupported(true)) {
    alert('Your browser is supported by Azure Maps, but may have major performance caveats.');
} else {
    // Your browser is supported. Add your map code here.
}

바탕 화면

Azure Maps 웹 SDK는 다음 데스크톱 브라우저를 지원합니다.

  • Microsoft Edge(현재 및 이전 버전)
  • Google Chrome(현재 및 이전 버전)
  • Mozilla Firefox(현재 및 이전 버전)
  • Apple Safari(macOS X)(현재 및 이전 버전)

이 문서의 뒷부분에 있는 대상 레거시 브라우저도 참조하세요.

모바일

Azure Maps 웹 SDK는 다음과 같은 모바일 브라우저를 지원합니다.

  • Android
    • Android 6.0 및 그 이후 버전의 Chrome 현재 버전
    • Android 6.0 및 그 이후 버전의 Chrome WebView
  • iOS
    • iOS 현재 및 이전 주 버전의 모바일 Safari
    • iOS 현재 및 이전 주 버전의 UIWebView와 WKWebView
    • iOS용 Chrome의 현재 버전

팁

WebView 컨트롤을 사용하여 모바일 애플리케이션 내에 맵을 포함하는 경우 Azure Content Delivery Network에서 호스트되는 SDK 버전을 참조하는 대신 Azure Maps 웹 SDK의 npm 패키지를 사용하는 것이 좋습니다. 이 방법은 SDK가 이미 사용자의 디바이스에 있고 런타임을 다운로드할 필요가 없기 때문에 로드 시간이 줄어듭니다.

Node.js

다음 웹 SDK 모듈은 Node.js에서도 지원됩니다.

대상 레거시 브라우저

WebGL을 지원하지 않거나 제한적으로만 지원하는 구형 브라우저를 대상으로 지정할 수 있습니다. 이러한 경우 Leaflet과 같은 오픈 소스 맵 컨트롤과 함께 Azure Maps 서비스를 사용할 수 있습니다.

Leaflet에 Azure Maps 렌더링 Azure Maps 샘플에서는 Leaflet JS 맵 컨트롤에서 Azure Maps 래스터 타일을 렌더링하는 방법을 보여 줍니다. 이 샘플에서는 오픈 소스 Azure Maps Leaflet 플러그 인을 사용합니다. 이 샘플의 소스 코드는 Leaflet에 Azure Maps 렌더링 샘플 소스 코드를 참조하세요.

Leaflet에서 Azure Maps를 사용하는 자세한 코드 샘플은 Azure Maps 샘플을 참조하세요.

타사 맵 제어 플러그 인 목록은 Azure Maps 커뮤니티 - 오픈 소스 프로젝트를 참조하세요.

다음 단계

Azure Maps 웹 SDK에 대한 자세한 정보를 알아봅니다.

지도 컨트롤

서비스 모듈