Web Components 열린 거리 지도의 이미지 표시
이 Web Components IgcOpenStreetMapImagery
는 전 세계의 오픈스트리트맵© 기여자들이 공동으로 만든 무료 지리 이미지 매핑 서비스입니다. 구성 옵션 없이 로드맵 스타일로만 세계의 지리적 이미지 타일을 제공합니다. 이 지리 이미지 서비스는 www.OpenStreetMap.org 웹 사이트에서 직접 액세스할 수 있습니다. 기본 설정에 따라 Ignite UI for Web Components map 컴포넌트에는 Open Street Maps의 지리적 이미지가 이미 표시되어 있습니다. 따라서 Open Street Maps의 지리적 이미지를 표시하도록 컨트롤을 구성할 필요가 없습니다.
Web Components Displaying Imagery from Open Street Maps Example
Code Snippet
이 코드 예제에서는 지도 구성 요소의 BackgroundContent
OpenStreetMap© 기여자의 지리 이미지를 제공하는 IgcOpenStreetMapImagery
객체로 명시적으로 설정합니다.
<igc-geographic-map id="geoMap" width="100%" height="100%">
</igc-geographic-map>
import { IgcGeographicMapComponent } from 'igniteui-webcomponents-maps';
import { IgcOpenStreetMapImagery } from 'igniteui-webcomponents-maps';
// ...
let geoMap = document.getElementById("geoMap") as IgcGeographicMapComponent
const mapImagery = new OpenStreetMapImagery();
this.geoMap.backgroundContent = mapImagery;
API References
BackgroundContent
IgcOpenStreetMapImagery