Javascript UWP 앱용지도 컨트롤이 있습니까?

Question

Javascript로 작성된 UWP Windows 앱에지도를 포함 할 수있는 방법이 있습니까?

명백한 옵션 :

• UWP지도 제어 https://msdn.microsoft.com/en-gb/windows/uwp/maps-and-location/controls-map; 모든 설명서는 XAML 응용 프로그램에만 해당합니다.
• 기존 Windows/Windows Phone 8.x Bing지도 SDK https://msdn.microsoft.com/en-us/library/hh846481.aspx; 이 작업은하지만 v7.0 AJAX 컨트롤을 기반으로하므로 2017 년에 작업을 멈 춥니 다.
• 빙지도 AJAX v8.0 또는 다른 웹 서비스; 이것들은 웹 사이트를위한 것이며 외부에서 호스팅되는 자바 스크립트에 의존하므로 앱에서 작동하지 않습니다.

고맙습니다.

Answer 1

UWP 용 JavaScript 맵 API가 내장되어 있지 않습니다. 그러나 Bing Maps V8 맵 컨트롤을 사용할 수 있습니다. 아시다시피 WebView/WebBrowser를 사용하지 않는 JavaScript 기반 Windows 응용 프로그램은 외부에서 호스팅되는 JavaScript 파일의 사용을 제한합니다. 이 문제를 해결하는 데는 두 가지 방법이 있습니다.

첫 번째는 iframe 내부에지도 코드를 호스팅하는 것입니다. 이 기능은지도 기능이 완전히 포함되어 있고 주 앱에서지도를 프로그래밍 방식으로 변경하지 않아도됩니다 (가능성이 낮음). UWP 앱은 기본 앱과 iframe의 JavaScript 코드 간 통신을 허용하지 않습니다.

두 번째는 앱에서 시작 페이지를 참조하는 방법을 수정하고 로컬 컨텍스트를 사용하는 대신 웹 컨텍스트를 사용하는 것입니다. 이렇게하려면 package.appxmanifest를 열고 시작 페이지 값 앞에 "ms-appx-web : ///"을 추가하십시오. 가능성 "ms-appx-web : ///index.html" 이렇게하면 파일 시스템에 액세스하는 것과 같이 JavaScript 기반 UWP 응용 프로그램에서 하위 수준 기능을 사용하지 못하게 될 수 있습니다. 이러한 시나리오 모두에서

, 또한 다음을 수행하십시오

• 다음과 같은 내용 URI의를 추가하고 "모든"에 WinRT 액세스를 설정; "https : // .bing.com"및 "https : // .virtualearth.com"
• 기능에서 위치를 사용하도록 설정합니다. 그렇지 않으면지도에 나타나는 사용자 위치 버튼을 숨 깁니다.

• 한지도 페이지가, 당신이 페이지의 선두에 다음을 추가하는 을 권장합니다 :이 솔루션의

  <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">

어느 쪽도 완벽합니다. JavaScript 기반 Windows UWP의 보안은 많은 사용자가 다른 외부 호스트 웹 기반 API에서 경험 한 주요 제한 사항입니다. 이 문제를 해결하는 유일한 방법은 웹 브라우저 컨트롤에서 JavaScript 응용 프로그램을 호스팅 한 다음 해당 코드와 .NET 코드 사이에 통신 레이어를 추가 한 다음 .NET 코드를 사용하여 Windows 관련 API에 액세스하는 것입니다. , 당신은 Apache Cordova를 사용할 수도 있습니다.