जावास्क्रिप्ट का उपयोग किए बिना मानचित्र स्केलिंग, लेबलिंग और एक मार्ग प्रदर्शित करना

एक बार, मुझे जावास्क्रिप्ट का उपयोग किए बिना अपने शहर के नक्शे पर एक मार्ग देखने का उपकरण बनाने का विचार आया। इसके पक्ष में भी तर्क दिए गए। उदाहरण के लिए, अपने मानचित्र चित्रों का उपयोग करना।
UPD: उनके कार्ड के साथ लोकप्रिय सेवाओं के एनालॉग हैं (निर्माण के समय मुझे अभी तक उनके बारे में पता नहीं है):

• Google - code.google.com/apis/maps/documentation/staticmaps
• OSM - tah.openstreetmap.org/Browse/tile/5/16/8 - मोबाइल संस्करण। आप देख सकते हैं और स्केल कर सकते हैं, लेकिन आप अपने मार्कर सेट नहीं कर पाएंगे।
• Yandex.Maps - api.yandex.ru/maps/staticapi/examples

टिप्पणी लिंक के लिए धन्यवाद।
लेकिन हम अपना काम करते हैं।


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

ये निर्देशांक वामावर्त वामावर्त से शुरू होने वाले एक चर में config.php में निर्दिष्ट हैं

$box_str = 86.05627,55.33832,86.1076,55.36035; //ldru (    ) 

Png प्रारूप में निर्यात की गई छवि को रूट पर रखा गया है और सेटिंग्स में इसका नाम निर्दिष्ट किया गया है

 $source_file = "bigmap.png"; //,    

हम परिणामस्वरूप बड़े नक्शे को टुकड़ों में काट लेंगे। प्रत्येक दिशा में भागों की संख्या सेटिंग में एक ही स्थान पर सेट की गई है

 $x_count_parts = 20; $y_count_parts = 16; 

मैं प्रदर्शन के लिए विभिन्न बिंदुओं और मूल मानचित्र के विभिन्न आकारों के साथ गति के साथ प्रयोग नहीं करना चाहता था।

ओवरले लेबल

Show.php index.php से जुड़ा हुआ है, जिसका परिणाम कई भागों से बना एक प्रदत्त मानचित्र प्रदर्शित करना है। जिन हिस्सों पर मार्कर है, वे चित्र.फप फ़ाइल का उपयोग करके तैयार किए गए हैं, बाकी सरल आउटपुट है
आउटपुट के लिए सभी लेबल के निर्देशांक GET अनुरोध द्वारा प्रेषित होते हैं, उदाहरण के लिए:
points=86.0735,55.3529;86.0765,55.3519;86.0963,55.3519
यहां, प्रत्येक मार्कर को अर्धविराम द्वारा अलग किया जाता है, और प्रत्येक मार्कर के दो निर्देशांक अल्पविराम द्वारा अलग किए जाते हैं। यदि चर सेट नहीं होता है, तो (86.0995, 55.3619), (86.0765, 55.3629), (86.0765, 55.3529) प्रदर्शन के लिए तैयार हैं।
डिफ़ॉल्ट रूप से, स्केल समायोजित किया जाता है ताकि मार्करों के सभी प्राप्त निर्देशांक वाला एक वर्ग आउटपुट पर दिखाई दे।

वैकल्पिक रूप से, आप draw_area.php को कनेक्ट कर सकते हैं, जिसका उद्देश्य पहले से परिभाषित वर्ग से एक निश्चित त्रिज्या द्वारा प्रदर्शन क्षेत्र को बढ़ाना है। ज़ूम अनुपात अनुकूलन योग्य हैं।

प्रबंधन उपकरण

वैकल्पिक नियंत्रणों को जोड़ता है। अपने काम के पूरा होने पर, $ कंट्रोल चर में एक html-टेक्स होता है जो लिंक के साथ टूल खींचता है। क्रियाएँ बाएं, दाएं, ऊपर और नीचे नक्शे पर एक बदलाव हैं।
ज़ूम नियंत्रण:

• ओ - पैमाने को रीसेट करें
• - - दूर जाना (निर्माण क्षेत्र में वृद्धि)
• + - ज़ूम इन करें। यहां चित्रों को प्रतिस्थापित करने की योजना बनाई गई थी, एक अधिक विस्तृत छवि से भागों का उपयोग करके। लेकिन मेरा उत्साह कुछ नष्ट हो गया, और मैंने ऐसा नहीं किया।

आप मुझे इस तथ्य के लिए दोषी ठहरा सकते हैं कि मैंने यहां प्रस्तुति को मुख्य कोड से अलग नहीं किया था, लेकिन मुझे लगा कि इस छोटे टुकड़े के लिए, अलग से एक टेम्पलेट को जोड़ना तर्कहीन है।

एक मार्कर टुकड़ा खींचना

यह क्रिया चित्र में होती है। एफपी। मार्कर स्वयं एक लाल वर्ग की तरह दिखता है, जिसकी चौड़ाई और रंग config.php में कॉन्फ़िगर किया गया है।
निम्नलिखित चर को GET अनुरोध के साथ स्क्रिप्ट में स्थानांतरित किया जाता है:

• अंक - इस खंड में गिरे बिंदुओं के समान निर्देशांक
• curxp - चौड़ाई में समन्वय, बायीं से दायीं ओर खंड संख्या दिखाते हुए
• curyp - ऊँचाई का समन्वय ऊपर से नीचे तक के टुकड़े की संख्या को दर्शाता है
• ऑर्डर लेबल नंबर है। एक से बढ़ कर मार्कर के बगल में खींचा जाता है। इसका उपयोग रंग प्रबंधन के लिए किया जा सकता है। उदाहरण के लिए, संख्या के बिना, अंत से आंदोलन की शुरुआत को भेद करने के लिए

यहां, एक दोष तुरंत ही प्रकट होता है: जब एक मार्कर एक टुकड़े की सीमा पर स्थित होता है, तो यह आकर्षित नहीं होगा। लेकिन छोटे संकेत प्रदान करके इससे बचा जा सकता है।

नियुक्ति

पिछले 30-60 मिनट में मोबाइल फोन से मार्ग की एक छवि प्राप्त करने की योजना बनाई गई थी। जीपीएस ट्रैकर से डेटा प्राप्त करने के लिए सर्वर को कॉन्फ़िगर और परीक्षण किया गया है। भवन सुविधा में डेटा सफलतापूर्वक प्रसारित और प्रदर्शित किया गया था। किसी भी मापदंड द्वारा समान डेटा को आसानी से mysql तालिकाओं से चुना जा सकता है। इस मार्ग को ट्रैक करने की आवश्यकता प्रत्याशित की तुलना में तेजी से गायब हो गई, और परियोजना अभी भी मेरे लिए दिलचस्प थी। उन्होंने इसे कुछ हद तक तत्परता के साथ लाया और अन्य चीजों पर स्विच करते हुए इसे छोड़ दिया।

कार्रवाई में
http://rghost.ru/8073291 - स्रोत
मुझे माफ कर दो, मुफ्त होस्टिंग।