Leaflet: ios webview에서 지도 타일이 로드되지 않음

에 만든 2016년 11월 23일 · 3코멘트 · 출처: Leaflet/Leaflet

안녕하세요,

반응 네이티브를 사용하고 있습니다.
이것은 내 map.html 파일입니다.

<html>
  <head>
    <link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css" />
    <script src="https://unpkg.com/[email protected]/dist/leaflet.js"></script>
  </head>
  <body>
    <div id="map" style="height: 100%;">
    </div>
    <script>
        var osmUrl = 'https://{s}.tile.osm.org/{z}/{x}/{y}.png',
        osmAttrib = '&copy; <a href="http://openstreetmap.org/copyright">OpenStreetMap</a> contributors',
        osm = L.tileLayer(osmUrl, {
              maxZoom: 18,
              attribution: osmAttrib
            });
        var map = L.map('map').setView([19.04469, 72.9258], 12);
        map.addLayer(osm);
    </script>
  </body>
</html>

webview에 map.html을 로드하고 있습니다.

import React, { Component } from 'react';
import {
  WebView
} from 'react-native';

export default class MapScreen extends Component {
  render() {
    return (
      <WebView style={{flex:1}} javaScriptEnabled={true} source={require('./map.html')}/>
    );
  }
}

그러나 타일은 ios 시뮬레이터에서 로드되지 않지만 안드로이드 에뮬레이터에서는 괜찮습니다.
이것은 ios 시뮬레이터에서 본 것입니다.
simulator screen shot nov 23 2016 11 31 41 pm

출처

arminghm

가장 유용한 댓글

답장을 보내 주셔서 감사합니다.

나는 http 요청 때문에 있었고 ATS ( App Transport Security )를 비활성화하면 제대로 작동하고 타일이로드됩니다. 그러나 아시다시피 ATS를 비활성화하는 것은 해결책이 아닙니다.

Streaming Leaflet Tiles over HTTPS / SSL #3186 문제의 @F1LT3R 답변에 따르면 타일 을 로드하고 타일 URL에서 osm을 openstreetmap으로 변경하는 데 https를 사용할 수 있습니다( http://{s}.tile.osm.org/{z}/{x}/{y}.png -> https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png ).

arminghm 에 2016년 11월 24일

👍3

모든 3 댓글

안녕하세요, 이 문제는 React, WebView 및 iOS 시뮬레이터와 관련이 있습니다. Leaflet 팀은 이러한 도구를 사용하거나 지원하지 않으므로 이 도구에 대해 도움을 드릴 수 없습니다.

매우 간단한 예를 보면 문제가 Leaflet 자체에 있는 것이 아니라 다른 구성 요소 중 하나와 상호 작용하는 방식에 있다는 것이 매우 분명합니다.

우리는 다른 도구와 더 잘 작동하도록 Leaflet을 변경할 수 있지만 불행히도 다른 프레임워크나 도구의 문제를 해결할 리소스가 없습니다.

Leaflet, JavaScript 및 HTML/CSS만 사용하여 실패한 예를 제공할 수 있다면 우리는 물론 이에 대해 매우 개방적입니다.

perliedman 에 2016년 11월 24일

답장을 보내 주셔서 감사합니다.

arminghm 에 2016년 11월 24일

👍3

@arminghm , 감사합니다. 저에게 효과적입니다 :)

Sergo7 에 2020년 05월 18일

👍1

이 페이지가 도움이 되었나요?

0 / 5 - 0 등급

Leaflet: ios webview에서 지도 타일이 로드되지 않음

가장 유용한 댓글

모든 3 댓글

관련 문제