Leaflet: ios वेबव्यू में मैप टाइल लोड नहीं हो रही है

को निर्मित 23 नव॰ 2016 · 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>

और मैं वेबव्यू में 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')}/>
    );
  }
}

लेकिन आईओएस सिम्युलेटर में टाइल लोड नहीं हो रही है, लेकिन एंड्रॉइड एमुलेटर में यह ठीक है।
आईओएस सिम्युलेटर में मैं यही देखता हूं:
simulator screen shot nov 23 2016 11 31 41 pm

स्रोत

arminghm

सबसे उपयोगी टिप्पणी

जवाब देने के लिए धन्यवाद।

मैं http अनुरोधों के कारण था, और जब मैंने एटीएस (ऐप ट्रांसपोर्ट सिक्योरिटी) को अक्षम कर दिया तो यह ठीक काम करता है और टाइल्स लोड हो जाते हैं। लेकिन जैसा कि आप जानते हैं कि एटीएस को अक्षम करना समाधान नहीं है।

HTTPS / SSL #3186 पर स्ट्रीमिंग लीफलेट टाइल्स के मुद्दे में @ F1LT3R उत्तर के अनुसार हम टाइलों को लोड करने के लिए https का उपयोग कर सकते हैं और ऑसम को टाइल url में ओपनस्ट्रीटमैप में बदल सकते हैं ( http://{s}.tile.osm.org/{z}/{x}/{y}.png -> https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png )

arminghm 24 नव॰ 2016

👍3

सभी 3 टिप्पणियाँ

नमस्ते, इस मुद्दे में रिएक्ट, वेबव्यू और आईओएस सिम्युलेटर शामिल हैं। कैटलॉग टीम इन उपकरणों के साथ काम नहीं करती है, या उनका समर्थन नहीं करती है, इसलिए मुझे डर है कि हम इसमें आपकी मदद नहीं कर सकते।

बहुत ही सरल उदाहरण को देखते हुए, यह बहुत स्पष्ट है कि समस्या कैटलॉग में ही नहीं है, बल्कि यह अन्य घटकों में से एक के साथ कैसे इंटरैक्ट करता है।

हम अन्य उपकरणों के साथ बेहतर काम करने के लिए कैटलॉग में बदलाव करने के लिए खुले हैं, लेकिन दुर्भाग्य से अन्य ढांचे या उपकरणों में मुद्दों को हल करने के लिए संसाधन नहीं हैं।

यदि आप केवल पत्रक, जावास्क्रिप्ट और एचटीएमएल/सीएसएस का उपयोग करके एक असफल उदाहरण प्रदान कर सकते हैं, तो हम निश्चित रूप से इसके साथ काम करने के लिए तैयार हैं।

perliedman 24 नव॰ 2016

जवाब देने के लिए धन्यवाद।

arminghm 24 नव॰ 2016

👍3

@arminghm , बहुत बहुत धन्यवाद, यह मेरे लिए काम करता है :)

Sergo7 18 मई 2020

👍1

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

Leaflet: ios वेबव्यू में मैप टाइल लोड नहीं हो रही है

सबसे उपयोगी टिप्पणी

सभी 3 टिप्पणियाँ

संबंधित मुद्दों