MapBox जीएल जे एस बनाम Mapbox.js

वोट
40

MapBox शब्दकोष, से Mapbox.js

Mapbox.js एक JavaScript लाइब्रेरी आप अपनी वेबसाइट के लिए एक अपने इंटरेक्टिव मानचित्र जोड़ने के लिए अनुमति देता है। यह पत्रक के लिए एक प्लगइन है, और यह है कि उपयोग करने के लिए नि: शुल्क है एक खुला स्रोत पुस्तकालय है।

और MapBox जीएल जे एस

MapBox जीएल जे एस MapBox जीएल का उपयोग करता है पारस्परिक नक्शे रेंडर करने के लिए एक जावास्क्रिप्ट पुस्तकालय है। ऐसा नहीं है कि उपयोग करने के लिए नि: शुल्क है एक खुला स्रोत पुस्तकालय है। आप एक MapBox शैली या अपने MapBox जीएल जे एस आवेदन करने के लिए MapBox स्टूडियो के साथ बनाया गया एक कस्टम शैली जोड़ सकते हैं।

और से इस जवाब

MapBox शैलियाँ MapBox जीएल और देशी iOS और Android एसडीके के साथ प्रयोग के लिए कर रहे हैं। आप उन्हें क्लासिक MapBox जे एस के साथ उपयोग नहीं कर सकते। आप उन शैली नहीं दे सकते MapBox जे एस, रेखापुंज टाइल्स का समर्थन करता है। वे सिर्फ छवियों कर रहे हैं। MapBox जीएल और देशी एसडीके के वेक्टर टाइल्स का उपयोग करें (कर सकते हैं) और उन stylable हैं।

मेरा मानना है कि मैं का उपयोग कर सकते mapbox.jsकरने के लिए एक स्थानापन्न के रूप leaflet cssऔर jsसूत्रों का कहना है, लेकिन मैं के साथ भी ऐसा कर सकते हैं mapbox-gl.js?
क्या अन्य मतभेद दो पुस्तकालयों के बीच मौजूद है?

28/01/2016 को 16:59
का स्रोत उपयोगकर्ता
अन्य भाषाओं में...                            


8 जवाब

वोट
33

जहाँ तक मुझे पता है, MapBox जीएल जे एस जो पृष्ठभूमि में पत्रक का उपयोग करता है वर्तमान MapBox जे एस के लिए प्रतिस्थापन होने जा रहा है। बातें पत्रक का एक बहुत है, जीएल भी और अधिक कर सकते हैं। लेकिन नहीं सब कुछ। एक ही चला जाता है इसके विपरीत। जीएल बातें पत्रक ऐसा नहीं कर सकते कर सकते हैं। जीएल में बड़ी बात है कि यह WebGL का उपयोग करने वेक्टर टाइल्स के आसपास बना रहा है। परिचय लेख से:

वेब नक्शे के लिए एक तेज और शक्तिशाली नई प्रणाली - MapBox जीएल जे एस की घोषणा करते हुए। MapBox जीएल जे एस एक क्लाइंट-साइड रेंडरर है, इसलिए यह जावास्क्रिप्ट और WebGL का उपयोग करता है गतिशील रूप से गति और एक वीडियो गेम की चिकनाई के साथ डेटा आकर्षित करने के लिए। सर्वर के स्तर पर शैलियों और ज़ूम स्तर फिक्सिंग के बजाय, MapBox जीएल जावास्क्रिप्ट में क्षमताओं का उपयोग करती, गतिशील स्टाइल और freeform अन्तरक्रियाशीलता के लिए अनुमति देता है। वेक्टर नक्शे अगले विकास कर रहे हैं, और हम क्या डेवलपर्स को इस ढांचे के साथ निर्माण देखने के लिए उत्साहित कर रहे हैं।

क्या तुम सच में दो के पक्ष तुलना द्वारा एक पक्ष चाहते हैं, मैं माफी चाहता हूँ कोई भी तक मुझे पता है वहाँ है। वहाँ भी कई चीजों का उल्लेख / जब एक तुलना कर रही है तो यह सबसे अच्छा है आप अपने खुद के आवश्यकताओं पर आधारित खुद के द्वारा ऐसा करने पर विचार कर रहे हैं। एक अच्छी शुरुआत प्रत्येक ढांचे के लिए उदाहरण की तुलना किया जाएगा क्योंकि यह दोनों क्या कर सकता है की एक अच्छा विचार देता है:

उसके बाद आप अपने एपीआई तुलना कर सकते हैं:

ध्यान में रखना एक बात है कि जीएल ब्रांड नए पिटाई है और जैसा कि हम डेवलपर्स सभी जानते हैं कि एक मूल्य के साथ आता है। कुछ अड़चनों में इस्त्री नहीं किया गया है। पत्रक के रूप में, यह बहुत, परिपक्व व्यापक रूप से इस्तेमाल और बहुत अच्छी तरह से परीक्षण किया / सिद्ध है। आप Github पर मुद्दों पर एक नज़र से अधिक समय लग सकता है कि तुम क्या समस्या है वहाँ जीएल के साथ वर्तमान में कर रहे हैं पर एक नज़र लेने के लिए चाहते हैं, तो भंडार में:

आशा है कि मदद करता है, अच्छी किस्मत!

28/01/2016 को 17:35
का स्रोत उपयोगकर्ता

वोट
19

iH8 का जवाब बहुत अच्छा है, थोड़ा और अधिक विस्तार जोड़ने के लिए:

के लिए आधार नक्शे , Mapbox.js रेखापुंज टाइल्स (पीएनजी और जेपीईजी) फ़ाइलों को प्रदर्शित करता है, और उन्हें प्रयोग HTML और सीएसएस प्रदर्शित करता है। MapBox जीएल जे एस वेक्टर टाइल्स (फैंसी प्रोटोकॉल बफ़र्स) प्रदर्शित करता है और WebGL का उपयोग करने के लिए उन्हें प्रदर्शित करता है। यह भी रेखापुंज टाइल्स प्रदर्शित कर सकते हैं, लेकिन यह ध्यान नहीं है।

GeoJSON परतों और मार्कर की तरह दोनों Mapbox.js और MapBox जीएल जे एस समर्थन ओवरले। दोनों खुला स्रोत, समान लाइसेंस और कुछ साझा योगदानकर्ताओं के साथ कर रहे हैं।

Mapbox.js परतों के लिए शैलियों सर्वर पर संग्रहीत और सर्वर प्रौद्योगिकी के साथ गाया जाता है। MapBox जीएल जे एस के लिए शैलियों एक ब्राउज़र में गतिशील रूप से प्रदान की गई हैं, इसलिए वे वास्तविक समय में बदला जा सकता है।

पत्रक में कुछ चीजें हैं जो कुछ ब्राउज़रों का समर्थन नहीं कर सकते हैं, नक्शे झुकाव और रोटेशन की तरह की कीमत पर, और अधिक व्यापक ब्राउज़र समर्थन हासिल है। MapBox जीएल ब्राउज़र WebGL का समर्थन करने और नए कंप्यूटर पर सबसे अच्छा प्रदर्शन का समर्थन करता है। यह एक देशी संस्करण, MapBox जीएल मूल निवासी कहा जाता है, कि सभी मोबाइल फोन पर वास्तव में अच्छा प्रदर्शन किया है।

नाम के बावजूद, आप गैर MapBox शैलियों के साथ MapBox और Mapbox.js और MapBox जीएल साथ पत्रक का उपयोग कर सकते हैं।

29/01/2016 को 21:08
का स्रोत उपयोगकर्ता

वोट
11

आम तौर पर Leafletjs और Mapbox.js ही कर रहे हैं , लेकिन Mapbox.js प्लग इन और एक्सटेंशन जो चादर पत्रक और MapBox की सेवाओं (जैसे दिशाओं) में टाई होने के साथ। इसी प्रकार प्लगइन्स और सुविधाओं अन्य कंपनियों या उत्पादों से मौजूद हैं और पत्रक उन्हें, या बजाय MapBox के लिए इसके अलावा में उपयोग कर सकते हैं। पत्रक आधारित पुस्तकालयों आम तौर पर बेहतर लीगेसी ब्राउज़र समर्थन रेखापुंज टाइल्स, आदि जैसा कि कहा गया सुविधाओं को जोड़ा जा रहा है कि वेक्टर टाइल्स (PBF, MVT, आदि) और (WebGL सहित) विभिन्न दाता की तरह आधुनिक सुविधाओं को शामिल करने को कहें।

MapBox-जीएल-js और देशी संस्करण MapBox-जीएल खुला स्रोत पुस्तकालयों कि कर रहे हैं उच्च प्रदर्शन, अत्यधिक प्रतिपादन के लिए वेक्टर टाइल्स (PBF, MVT) और WebGL चारों ओर अनुकूलित कर रहे हैं (-js संस्करण के लिए) एक कैनवास तत्व में। यह अपेक्षाकृत नया है, इसलिए कुछ चीजें हैं जो पत्रक के साथ आसान कर रहे हैं अलग या चुनौतीपूर्ण (अप्रैल 2016 के रूप में) हो सकता है, कि ने कहा कि वे बहुत अच्छी तरह से बहुत समान हैं और काम करते हैं, मोबाइल डिवाइस शामिल हैं (जैसे iphone 5s पिछले कुछ वर्षों से )। एक यादृच्छिक मोड़ का एक उदाहरण है कि इसराइल में हिब्रू लेबल, जो पढ़ा दाएँ-से-बाएँ, पिछड़े हैं और (यह एक खुला मुद्दे को संबोधित किया जा रहा है) बकवास की तरह लग रहे।

तो पुराने ब्राउज़र समर्थन छोड़ने जा रहा MapBox-जीएल (-js) मार्ग एक अच्छा विकल्प हो सकता है ठीक है। अपने सीमित अनुभव में (कुछ ही महीनों में यह काम करने के साथ) यह सबसे अच्छा उपयोगकर्ता + डेवलपर अनुभव समग्र है और MapBox उनके इंजीनियरिंग / आउटपुट में लगातार जारी रहा है। मैं उनके भुगतान सेवाओं के साथ कम अनुभव है और यह स्पष्ट नहीं है कि कैसे कसकर युग्मित उनके पुस्तकालयों इन सेवाओं के लिए किया जाएगा। एक मोबाइल परियोजना के लिए मैं MapBox-जीएल-js को गूगल मैप्स, पत्रक v0.7 और v1 देखने के बाद चले गए और यह एक अच्छा निर्णय किया गया है लगता है।

मैं MapBox-जीएल-js पहले पत्रक अनुभव और HTML / CSS / जे एस में प्रवीणता के साथ उपयोग शुरू किया और पाया प्राइमर और उदाहरण दोनों तकनीकी जानकारी को समझने में मददगार। सहित कैसे नक्शा JSON (नहीं सीएसएस) के साथ स्टाइल है। इसके अलावा सेवा की शर्तों पर विशेष ध्यान दें, यह एक महत्वपूर्ण सकारात्मक से अलग था विशेष रूप से गूगल के साथ तुलना में। MapBox की सेवाओं इसलिए इसमें कुछ समीक्षा के साथ-साथ देने के लिए (मेरे अनुभव में एक और प्रदाता आम तौर पर उपलब्ध है सुनिश्चित हो संयुक्त राज्य अमेरिका के बाहर सबसे मजबूत कवरेज नहीं है, तो यह जरूरी पुस्तकालयों को अपनाने का फैसला प्रभावित नहीं करता है, वे कर रहे हैं बस बहुत कसकर MapBox सुविधाओं या मानक) के लिए युग्मित।

19/04/2016 को 14:11
का स्रोत उपयोगकर्ता

वोट
2

मैं वर्तमान में MapBox जीएल के लिए एक जटिल पत्रक आधार पर नक्शे प्रणाली पर स्विच करने पर काम कर रहा हूँ और मैं कहना चाहता हूँ कि एक उल्लेखनीय अंतर मैंने पाया ड्रा उपकरण और GeoJSON परतों की हैंडलिंग में है। पत्रक ड्रा उपकरण है कि मार्कर, आयतों और हलकों की तरह गैर मानक GeoJSON शामिल का एक सूट है। ; MapBox जीएल के डेवलपर्स देशी GeoJSON, जो ड्राइंग / हलकों और आयतों प्रतिपादन के लिए (उदाहरण के लिए वहाँ MapBox जीएल में L.Circle की तरह कुछ भी नहीं है) बॉक्स समर्थन का कोई बाहर नहीं है इसका मतलब है पर ध्यान केंद्रित करने का फैसला किया वहाँ एक मार्कर है, लेकिन एक पारंपरिक पत्रक मार्कर अपने स्वयं के स्प्राइट बनाते या कोई एसवीजी का उपयोग कर की आवश्यकता है की तरह लग रहे करने के लिए इसे स्टाइल। ये सभी बातें अभी भी संभव हो रहे हैं, लेकिन वे एक छोटे से अधिक डेवलपर की तुलना में वे पत्रक में किया था की ओर से सेट अप ले लो।

साथ ही, MapBox जीएल परतों के सबसे कैनवस तत्वों के रूप में प्रदान की जाती हैं। इसका मतलब है कि, पत्रक के विपरीत, आपकी विभिन्न परतों के साथ जुड़े कोई HTML तत्व हैं। यह यह कठिन सीएसएस के साथ तत्वों अगर जरूरत को लक्षित करने के लिए बनाता है। एक अपवाद मैं यहाँ मिल गया है मार्करों जो अलग HTML तत्वों के रूप में प्रदान कर रहे हैं।

कि सब के सब कहा जा रहा है, मैं लगभग पूरी तरह से कुछ छोटे अंतर के साथ मौजूदा ड्रा उपकरण और प्रतिपादन शैली की नकल कर लिया है। आप अत्यधिक ड्रा उपकरण अनुकूलित की जरूरत है, MapBox जीएल आप के लिए निराशा हो सकती है।

ब्राउज़र समर्थन के साथ-साथ एक संभावित मुद्दे के रूप में उल्लेख किया गया है। किसी भी ब्राउज़र का समर्थन करता है WebGL MapBox जीएल चला सकते हैं। यह सभी प्रमुख ब्राउज़रों भी शामिल है। केवल महत्वपूर्ण ब्राउज़र सेट हमने देखा कि MapBox जीएल समर्थन नहीं किया IE10 या अधिक थी, लेकिन हमारे एनालिटिक्स ने संकेत दिया कि अपने उपयोगकर्ताओं की लगभग कोई भी अभी भी प्रयोग किया इन ब्राउज़रों तो हम आधिकारिक तौर पर उनके लिए समर्थन गिरा दिया। आपका लाभ स्पष्ट रूप से भिन्न हो सकते हैं।

कुल मिलाकर, हालांकि, मैं क्योंकि मुझे लगता है कि MapBox जीएल के साथ काम करने में आसान है और एक बेहतर उपयोगकर्ता अनुभव प्रदान करता है स्विच के साथ खुश हूँ।

18/01/2018 को 19:40
का स्रोत उपयोगकर्ता

वोट
0

आप 10 से अधिक नक्शे प्रति पृष्ठ मैं का उपयोग नहीं कर MapBox-जीएल की सलाह देते हैं प्रतिपादन पर योजना बना रहे हैं। MapBox-जीएल WebGL का उपयोग करता है गतिशील नक्शे आकर्षित करने के लिए। हालांकि सभी आधुनिक ब्राउज़रों WebGL के लिए समर्थन हम जब बहुत सारे WebGL संदर्भों खोलने समस्याओं में भाग गए हैं। बहुत सारे व्यक्तिपरक है और वास्तव में जो ब्राउज़र अपने ग्राहक उपयोग कर रहा है पर निर्भर है। संदर्भों की संख्या भी इसलिए यदि आपके ग्राहक एक टैब है कि पहले से ही उपयोग कर रहा है खोलने के है "भी कई" संदर्भों अपने नक्शे एक परिणाम के रूप से प्रदर्शित न हो टैब स्वतंत्र हो रहा है।

जुड़े हुए मुद्दों के एक जोड़े के लिए नीचे देखें:

https://github.com/mapbox/mapbox-gl-js/issues/6312

https://github.com/mapbox/mapbox-gl-js/issues/7332

मैं उस बात के लिए mapbox.js या पत्रक उपयोग नहीं किया है, लेकिन उन पृष्ठों को 10 या उससे अधिक नक्शे मैं निश्चित रूप से उपयोग नहीं कर सकते हैं की सलाह देते हैं MapBox-जीएल आवश्यकता होती है।

17/12/2018 को 07:55
का स्रोत उपयोगकर्ता

वोट
0

Mapbox.js MapBox जीएल जे एस का उपयोग हटाई गई है, के रूप में कहा गया है उनकी वेबसाइट पर :

Mapbox.js

  • अब सक्रिय विकास में
  • रेखापुंज टाइल्स का समर्थन करता है
  • टाइलें सर्वर द्वारा उत्पन्न कर रहे
  • मानचित्र शैलियों ब्राउज़र में बदला नहीं जा सकता है, लेकिन मानचित्र ओवरले गतिशील स्टाइल किया जा सकता है

MapBox जीएल जे एस

  • सक्रिय विकास में - हम, नई विशेषताएं जोड़ने के मौजूदा सुविधाओं में सुधार, और फिक्सिंग कर रहे हैं कीड़े
  • वेक्टर टाइल्स का समर्थन करता है
  • नक्शे ब्राउज़र द्वारा क्लाइंट साइड गाया जाता है
  • नक्शा डेटा और शैलियों गतिशील बदला जा सकता है

लेख में यह भी दोनों के बीच अंतर और समानता के उदाहरण हैं।

22/12/2018 को 13:13
का स्रोत उपयोगकर्ता

वोट
0

डेवलपर के लिए जिन्होंने Mapbox.js या पत्रक, पुराने परियोजनाओं स्विचन MapBox जीएल जे एस उपयोग करने के लिए तेजी से अपने मौजूदा अनुप्रयोगों के प्रदर्शन में सुधार कर सकते के साथ अनुभव निर्माण वेब नक्शे के लिए। MapBox जीएल जे एस अपने नक्शे, जो तेजी से लोड हो रहा है में परिणाम है, निर्बाध संक्रमण जब जूम करने या पैन, और अधिक लचीलापन प्रदर्शित करने के लिए मक्खी पर नक्शा डेटा और शैलियों को बदलने के लिए WebGL क्लाइंट साइड प्रतिपादन उपयोग करता है। इन सुधारों MapBox जीएल जे एस का उपयोग करने जा कर अच्छी तरह से प्रयास के लायक है, इसलिए मैं हाल ही में जीएल को Mapbox.js से पीटर कूरियर डेमो परिवर्तित

01/03/2019 को 04:59
का स्रोत उपयोगकर्ता

वोट
0

हम Leafletjs से संक्रमण के बाद एक वर्ष से अधिक MapBox-जीएल-js उपयोग कर रहे हैं। क्योंकि हम वेक्टर टाइल्स सुविधा का लाभ ले जाना चाहते थे हम बंद। कुल मिलाकर हम MapBox-जीएल-js पसंद किया है किया है, हालांकि हम gotchas के एक जोड़े में चलाने की है।

हम विशेष रूप से हमारे वेक्टर टाइल्स से कुछ के साथ, MapBox-जीएल-js साथ कुछ स्मृति मुद्दों (वास्तव WebGL में कोई हॉग है की वजह से) आई है। आप निश्चित रूप से कितना डेटा टाइल्स खुद को भीतर संग्रहीत किया जाता है के बारे में सावधान रहना होगा।

अन्य मुद्दा हम में चला रहे हैं सरकारी एजेंसियों के साथ काम कर रहा है और उन्हें इस WebGL समर्थन बंद ओएस स्तर पर (कोई बात नहीं क्या नीचे ताला सब कुछ करने के लिए की तरह वे) निर्णायक के रूप में पीसी कि n वें डिग्री करने के लिए सुरक्षा के लिए नीचे बंद कर दिया जाता है, हो रही है। यह एक हत्यारा क्योंकि MapBox-जीएल-js WebGL बिना काम नहीं करता और एक सुरक्षा नीति को बदलने के लिए एक सरकारी एजेंसी हो रही करने के लिए एक आसान या त्वरित बात नहीं है। दुर्भाग्य से यदि कोई उपयोगकर्ता WebGL नहीं है आसान वापस आने के किसी भी प्रकार के होने के लिए प्रतीत नहीं होता। हम अभी भी इस समस्या के लिए सबसे अच्छा समाधान ढूंढ़ रहे हैं।

20/12/2019 को 16:45
का स्रोत उपयोगकर्ता

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more