Leaflet: कई मार्करों के साथ खराब प्रदर्शन

को निर्मित 26 अग॰ 2018 · 3टिप्पणियाँ · स्रोत: Leaflet/Leaflet

[x] मैं एक बग की रिपोर्ट कर रहा हूं, मदद नहीं मांग रहा हूं; "मैं पत्रक के साथ एक्स कैसे कर सकता हूँ?" जैसे प्रश्नों का समर्थन करें। बंद हो जाएगा (प्रश्नों के लिए स्टैक ओवरफ़्लो या gis.stackexchange.com का उपयोग करें)
[x] मैंने यह सुनिश्चित करने के लिए दस्तावेज़ीकरण को देखा है कि व्यवहार प्रलेखित और अपेक्षित है
[x] मुझे यकीन है कि यह एक पत्रक कोड मुद्दा है, मेरे अपने कोड के साथ कोई समस्या नहीं है और न ही मैं जिस ढांचे का उपयोग कर रहा हूं (कॉर्डोवा, आयनिक, कोणीय, प्रतिक्रिया…)
[x] मैंने यह सुनिश्चित करने के लिए मुद्दों की खोज की है कि यह अभी तक रिपोर्ट नहीं किया गया है

कैसे पुन: पेश करें

मैं उपयोग कर रहा हूँ पत्रक संस्करण: 1.3.4
ब्राउज़र (संस्करण के साथ) मैं उपयोग कर रहा हूँ: क्रोमियम 68
OS/प्लेटफ़ॉर्म (संस्करण के साथ) मैं उपयोग कर रहा हूँ: डेबियन बस्टर
मानचित्र पर अनेक चिह्नक रखें (उदा. 1000)
मानचित्र को स्थानांतरित या ज़ूम करें

मैं किस व्यवहार की अपेक्षा कर रहा हूं और कौन सा व्यवहार देख रहा हूं

आंदोलन की शुरुआत में देरी हो रही है और सीपीयू कोर का 100% खा जाता है। ज़ूम के लिए वही। getBoundingClientRect कारण विलंबित :

समस्या को पुन: प्रस्तुत करने वाला न्यूनतम उदाहरण

[x] यह उदाहरण यथासंभव सरल है
[x] यह उदाहरण किसी तीसरे पक्ष के कोड पर निर्भर नहीं करता है

https://codepen.io/zdila/pen/YOwoEd

स्रोत

zdila

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

यदि आपको कई मार्कर बनाने की आवश्यकता है, तो आप USC.PixiOverlay प्लगइन आज़मा सकते हैं।
(वैसे मैं प्लगइन लेखक हूं)

manubb 27 अग॰ 2018

👍4

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

हाय @zdila ,

दुर्भाग्य से यह पत्रक की एक ज्ञात सीमा है।
देखें https://stackoverflow.com/questions/43015854/large-dataset-of-markers-or-dots-in-leaflet/43019740#43019740

पत्रक मानक मार्करों के लिए नियमित डोम तत्वों का उपयोग करता है।
इस सादगी में एक खामी है: ब्राउज़र उनमें से हजारों को संभालने में संघर्ष करते हैं।

सामान्य उपयोग (कुछ मार्कर) के लिए, सादगी फायदेमंद है।

अधिक जटिल उपयोग के मामले के लिए, समाधान कैनवास पर स्विच करना है।
कुछ प्लगइन्स होने चाहिए जो अन्य कैनवास-आधारित मार्कर प्रदान करते हैं, क्या आपको सर्कल मार्करों की तुलना में कुछ कट्टर चाहिए।

ghybs 27 अग॰ 2018

👍1

manubb 27 अग॰ 2018

👍4

@ghybs स्पष्टीकरण के लिए धन्यवाद। मुझे आश्चर्य है कि getBoundingClientRect को कॉल करना वास्तव में आवश्यक है और इसका उपयोग कैटलॉग में किस लिए किया जाता है।

@manubb जानकारी के लिए धन्यवाद। हम पहले से ही मानचित्र पर चित्र स्थिति प्रदर्शित करने के लिए कैनवास का उपयोग करते हैं: https://www.freemap.sk/?map=9/48.821333/20.126953 &layers=TI

zdila 27 अग॰ 2018

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

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