2011-05-11 28 views
9

के लिए एक बड़ी छवि ओवरले को टाइल में कनवर्ट करें मेरे पास एक बड़ी उच्च-रिज़ॉल्यूशन छवि है जिसे मैं Google मानचित्र v3 API का उपयोग करके ओवरले के लिए उपयोग कर रहा हूं। यह एक उचित नेटवर्क कनेक्शन के साथ डेस्कटॉप और लैपटॉप कंप्यूटर के लिए ठीक काम करता है, लेकिन आश्चर्यजनक रूप से यह मोबाइल उपयोगकर्ताओं के लिए इतना अच्छा काम नहीं करता है।Google मानचित्र

विभिन्न ज़ूम स्तरों पर 2 डी टाइल्स में छवि को तोड़ने का सबसे अच्छा/आसान तरीका क्या है, इसलिए मैं एपीआई के माध्यम से Google मानचित्र के लिए टाइल सर्वर के रूप में कार्य कर सकता हूं?

क्या कोई ऐसा प्रोग्राम है जो मेरे लिए टाइल उत्पन्न करेगा और मुझे प्रत्येक परिणामी टाइल के लिए जरूरी ज़ूम और निर्देशांक प्रदान करेगा और/यदि मैं ज़ूम और निर्देशांक प्रदान करता हूं तो मुझे सही टाइल दें?

क्या आप सही जानकारी इकट्ठा करने के बाद फ्लाई पर ऐसा करने के लिए टाइल सर्वर लिखना बहुत आसान है? शायद वहाँ स्रोत कोड है कि मैं एक मॉडल के रूप में उपयोग कर सकते हैं? (मुझे http://blog.gmapify.fr/a-map-tile-server-part-2-understanding-google-maps-tile-overlays-and-building-up-a-tile-server पर एक टाइल सर्वर मिला जो निश्चित रूप से सहायक है, लेकिन यह स्रोत छवि से टाइल्स की सेवा नहीं करता है, इसलिए मुझे कम से कम उस भाग को समझना होगा ...)

या शायद चरण है -ब-चरण एल्गोरिदम कि यदि मैं अधिक सरल है तो मैं मैन्युअल रूप से अनुसरण कर सकता हूं? (चूंकि यह केवल एक छवि है और यह शायद एक वर्ग मील के नक्शे पर एक क्षेत्र को शामिल किया गया, मैन्युअल रूप से यह कर ऐसा शायद अगर बेहतर नहीं संभव है।)

उत्तर

11

आप जाँच कर सकते हैं MapTiler http://code.google.com/p/maptiler/। यह आपको आवश्यक टाइल्स जेनरेट कर सकता है।

टाइल सर्वर लिखना वाकई आसान है। सबसे आसान तरीका केवल एक निर्देशिका संरचना में स्थैतिक फ़ाइलों (आपकी टाईल्स) होस्ट करने के लिए है। निर्देशिका संरचना तब आमतौर पर servername/zoom/x/y.png (या ज़ूम/y/x.png) है। इस तरह की संरचना MapTiler द्वारा भी बनाई गई है। मैपटाइलर टाइल्स का उपयोग करके एक उदाहरण वेब पेज भी उत्पन्न करता है (लेकिन मुझे लगता है कि यह Google मानचित्र API v2 का उपयोग करता है)।

गूगल मैप्स एपीआई v3 में अपने टाइल्स का उपयोग कर के बारे में जानकारी यहां पाया जा सकता: http://code.google.com/apis/maps/documentation/javascript/maptypes.html#CustomMapTypese

2

वहाँ maptiler साथ नक्शे बनाने पर एक बहुत अच्छी वीडियो ट्यूटोरियल, यहां पाया जा सकता है जो है:
Mobile Maps That Aren't Terrible

यह मोबाइल मानचित्र पर केंद्रित है, लेकिन मैप्टरर और अन्य मूलभूत बातें भी शामिल है। मैंने पाया कि बहुत उपयोगी है।

4

आप पहले से काटने

देखें https://github.com/Murtnowski/GMap-JSlicer

slicer = new JSlicer(document.getElementById('map'), 'myImage.png'); 
slicer.init(); 

बहुत ही सरल टाइल के बिना पूरे बात clientside कर सकते हैं।

+1

इस प्रकार की टाईल्स रखने की वस्तु को हरा देता है क्योंकि क्लाइंट को पूरी छवि को टाइल्स में प्रस्तुत करने से पहले उसे डाउनलोड करना होगा। हालांकि यह कुछ अनुप्रयोगों के लिए उपयोगी हो सकता है। –

+1

टाइल्स का उपयोग करके यहां एक विकल्प है: http://omarriott.com/aux/leaflet-js-non-geographical-imagery/ (http://stackoverflow.com/a/15170828/1035977 पर @ डेविड आरआर के लिए धन्यवाद) –