Leaflet: HTTPS / SSL पर स्ट्रीमिंग कैटलॉग टाइलें

पत्रक अपनी टाइलें प्रदान नहीं करता है: आप टाइल के लिए किस स्रोत का उपयोग कर रहे हैं?

उदाहरण के लिए: यदि आप OpenStreetMap का उपयोग कर रहे हैं:

L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
    attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
}).addTo(map);

आप टाइल स्ट्रिंग में s जोड़कर HTTPS का उपयोग करने के लिए इसे बदल सकते हैं:

L.tileLayer('https://{s}.tile.osm.org/{z}/{x}/{y}.png', {
    attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
}).addTo(map);

त्वरित प्रतिक्रिया के लिए धन्यवाद। मैं पहले उपयोग कर रहा था:

 var url = 'http://otile{s}.mqcdn.com/tiles/1.0.0/map/{z}/{x}/{y}.jpeg',
     attr ='Tiles Courtesy of <a href="http://www.mapquest.com/">MapQuest</a> &mdash; Map data {attribution.OpenStreetMap}',
     service = new L.TileLayer(url, {subdomains:"1234",attribution: attr});
     map.addLayer(service);

मैंने निम्नलिखित की कोशिश की:

 L.tileLayer('https://{s}.tile.osm.org/{z}/{x}/{y}.png', {
     attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
 }).addTo(map);

मेरे आवेदन में और osm टाइल सर्वर से टाइल लोड करने में असमर्थ था। मुझे एक प्राप्त हुआ:

 GET https://{s}.tile.osm.org/{x}/{y}/{z}.png net::ERR_INSECURE_RESPONSE 

क्रोम में त्रुटि। जिस एप्लिकेशन में मैं इसे चला रहा हूं उसका अपना एसएसएल प्रमाणपत्र है। मैं अपने स्वयं के HTTPS एप्लिकेशन में टाइल्स में कैसे लोड करूं?

शुक्रिया!

यह एक पत्रक चिंता का विषय नहीं है। यह सिर्फ एक यूआरएल द्वारा छवियों को लोड करता है। सुरक्षा और प्रमाणपत्र सर्वर/एप्लिकेशन तर्क हैं।

उनके समर्थन ने आज मुझे ईमेल किया और कहा, "हां, टाइल.openstreetmap.org के साथ https का उपयोग करें - हमारे पास संक्षिप्त डोमेन के लिए प्रमाणपत्र नहीं है।" मेरे लिए अब काम करता है!

क्या यह अभी भी आपके लिए काम करता है? मैं https://tile.openstreetmap.org का उपयोग करता हूं और एक असुरक्षित कनेक्शन चेतावनी प्राप्त करता हूं

मुझे भी यह समस्या हो रही थी सम्मये:

यूआरएल में osm से openstreetmap में बदलना, और https://a.tile को जोड़ने से मेरे लिए चाल चली।

https://a.tile.openstreetmap.org/{z}/{x}/{y}.png

मुझे पहले मिली त्रुटि इस तरह दिखती थी:

मैंने अंत में एक अलग प्रदाता का उपयोग किया (मैपक्वेस्ट):

            $('#MapModal').on('shown.bs.modal', function (e) {

                var data = $(e.relatedTarget).data();
                var map = L.map('modalMap').setView([data.lat, data.long], 9);

                L.tileLayer('https://otile2-s.mqcdn.com/tiles/1.0.0/map/{z}/{x}/{y}.png', {
                    maxZoom: 18,
                    attribution: 'Map data &copy; <a href=\"http://openstreetmap.org\">OpenStreetMap</a> contributors, ' +
                        '<a href=\"http://creativecommons.org/licenses/by-sa/2.0/\">CC-BY-SA</a>, ' +
                        'Imagery &copy; <a href=\"http://mapquest.com\">Mapquest</a>',
                    id: 'examples.map-i875mjb7'
                }).addTo(map);
            });

ESRI परतें https://esri.github.io/esri-leaflet/examples/basemap-with-labels.html के साथ काम करती हैं

मैंने इसे @ F1LT3R . के लिए धन्यवाद हल किया

मैंने लिया

http://{s}.tile.osm.org/{z}/{x}/{y}.png

और मुझे SSL समस्या थी और मैंने इसे बदल दिया

https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png

और हो गया!

धन्यवाद

बहुत बढ़िया! मुझे खुशी है कि मुझसे मदद हो सकी।

मंगलवार, 10 नवंबर, 2015 को सुबह 3:51 बजे, अयोज बर्रेरा नोटिफिकेशन @github.com
लिखा था:

मैंने इसे @ F1LT3R https://github.com/F1LT3R . की बदौलत हल किया

मैंने लिया

http://{s}.tile.osm.org/{z}/{x}/{y}.png http://tile.osm.org/%7Bz%7D/%7Bx%7D/%7By% 7डी.पीएनजी

और मुझे SSL समस्या थी और मैंने इसे बदल दिया

https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png http://tile.openstreetmap.org/%7Bz%7D/%7Bx%7D/%7By% 7डी.पीएनजी

और हो गया!

धन्यवाद

-
इस ईमेल का सीधे उत्तर दें या इसे GitHub पर देखें
https://github.com/Leaflet/Leaflet/issues/3186#issuecomment -155360520।

https सर्वर के बारे में संकेत के लिए धन्यवाद। मैंने वास्तव में सोचा था कि OSM HTTPS का बिल्कुल भी समर्थन नहीं करेगा।

मैंने 'http://{s}.tile.osm.org/{ के बजाय 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png' पर स्विच किया। z}/{x}/{y}.png'। लेकिन गैर सुरक्षित वाले की तुलना में https वाला बहुत धीमा है। गैर-सुरक्षित में टाइलें बहुत तेजी से लोड हो रही हैं।

क्या किसी और को भी यही समस्या है?

नमस्ते @pango89 , यह जानकर बहुत अच्छा लगा कि आपको पत्रक उपयोगी लगता है!

हालाँकि, इस इश्यू ट्रैकर का उपयोग बग्स की रिपोर्ट करने और कैटलॉग लाइब्रेरी की नई विशेषताओं पर चर्चा करने के लिए किया जाता है।
कैटलॉग का उपयोग करने के बारे में प्रश्नों के लिए, कृपया स्टैक ओवरफ़्लो या जीआईएस स्टैक एक्सचेंज का उपयोग करें।
अन्य स्थान भी उपयुक्त हो सकते हैं, विशेष रूप से इस तथ्य को देखते हुए कि आपकी समस्या एक विशिष्ट टाइल सर्वर के बारे में है (जो कि पूरी तरह से पत्रक के लिए बाहरी है)।

यदि आप _वास्तव में_ सुनिश्चित हैं कि यह कैटलॉग में एक बग है, तो कृपया पुराने और बंद थ्रेड पर टिप्पणी करने के बजाय एक नया मुद्दा खोलें।

हाय @ghybs ,
जवाब देने के लिए आपका बहुत - बहुत धन्यवाद।
गलत जगह पर पोस्ट के लिए खेद है।
मैं अपनी क्वेरी जीआईएस स्टैक एक्सचेंज पर पोस्ट करूंगा।

धन्यवाद

मैं इसके बजाय इस यूआरएल का उपयोग कर समाप्त हुआ,
अगर कोई और इसे चाहता है:

L.tileLayer('//{s}.tile.osm.org/{z}/{x}/{y}.png', {
    attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
}).addTo(map);

मूल रूप से 'http://{s}.tile.osm.org/{z}/{x}/{y}.png' से '//{s}.tile.osm.org/{z}/{x}/{y}.png'

मैंने यहां एल.टाइललेयर कोड से संबंधित सभी समाधानों की कोशिश की, लेकिन इसने मेरे लिए क्या किया: मेरी साइट की अनुक्रमणिका फ़ाइल में, http साइट से लीफलेट.सीएसएस और लीफलेट.जेएस को कॉल किया जा रहा था - उन्हें https में बदलना टूट गया यहां तक ​​​​कि मेरी http साइट और मेरी https साइट को ठीक नहीं किया। इसलिए मैंने सीएसएस और जेएस फाइलों दोनों के लिए कोड कॉपी किया और उन्हें अपने सर्वर में लीफलेट.जेएस और लीफलेट.सीएसएस के रूप में सहेजा और इसलिए मेरे इंडेक्स पेज में उनका संदर्भ स्थानीय है और अब सब कुछ सही ढंग से काम करता है।