🍥 ⌛️ 🤸 Google.Maps + 1c: एंटरप्राइज़ 8.2 ✊ 🤞🏾 👩‍🍳

इस पोस्ट में मैं एक उदाहरण दिखाना चाहता हूं कि कॉन्फ़िगरेशन 1c: Enterprise 8.2 में Google.Maps सेवा का उपयोग कैसे किया जा सकता है। जैसा कि आप सभी जानते हैं, 1s ने लगभग सभी वाणिज्यिक संरचनाओं में रूट (इसे हल्के ढंग से लगाने के लिए) लिया है - जो कि हमें या तो बाईपास नहीं किया गया है। 1s में कार्टोग्राफिक सिस्टम का दायरा काफी व्यापक है, उदाहरण के लिए, नक्शे पर रिपोर्ट ओवरले करने, मार्गों की लागत की गणना करने की संभावना, और, निश्चित रूप से, भौगोलिक निर्देशांक द्वारा एक मानचित्र पर वस्तुओं की खोज करना, जिसे क्लाइंट से परामर्श करते समय कॉल सेंटर ऑपरेटरों द्वारा उपयोग किया जा सकता है।

मैं किस बारे में बात कर रहा हूँ?

कथा Google मैप्स जावास्क्रिप्ट एपीआई V3 पर आधारित है (सेवा के साथ काम करने के सभी उदाहरण यहां से प्राप्त किए गए हैं) और निश्चित रूप से मंच 1c: Enterprise 8.2। उदाहरण में उपयोग किए गए घटक 1 सी भी संस्करण 8.1 में मौजूद हैं, इसलिए उच्च स्तर की संभावना के साथ निम्नलिखित सभी वहां काम करेंगे।

Google.Maps के बारे में और जानें

मंच के तीसरे संस्करण के दो उपयोग हैं:

क्लाइंट-साइड पर जावास्क्रिप्ट-लाइब्रेरी का उपयोग करना, तथाकथित "क्लाइंट-साइड जियोकोडिंग"। यह विधि Google मुख्य के रूप में स्थान लेती है।
सर्वर उपयोग, "सर्वर-साइड जियोकोडिंग"। यह विधि उन प्रणालियों के लिए बेहतर है जहां उपयोगकर्ता के साथ कोई इंटरैक्टिव काम नहीं है।

Google दोनों तरीकों पर प्रतिबंध लगाता है - एक आईपी पते के लिए प्रति दिन निर्देशांक निर्धारित करने के लिए 2500 अनुरोध। हालांकि, यह सब आप मूल, ऊपर दिए गए लिंक में पढ़ सकते हैं।
पहली विधि पर एक उदाहरण बनाया जाएगा।

और थोड़ा 1 के बारे में

हम मोटी क्लाइंट 1s में काम करने वाले नियमित फॉर्म मोड का उपयोग करेंगे। यह विधि उन संशोधनों के साथ काम करने के नए-तरीके से प्रबंधित मोड के साथ काम नहीं करेगी, जो संशोधनों के बिना संस्करण 8.2 में दिखाई दिए।

वास्तव में हम क्या करेंगे:

मानचित्र के साथ काम करने के लिए जावास्क्रिप्ट फ़ंक्शंस वाली HTML फ़ाइल बनाएँ
1s के लिए एक बाहरी प्रसंस्करण बनाएँ जो एक मानचित्र प्रदर्शित करता है और इसमें नियंत्रण होता है जो आपको निर्देशांक या पते द्वारा पाए गए लेबल प्रदर्शित करने की अनुमति देता है

तो इस बिंदु पर:

1. एक html फ़ाइल बनाएँ

सेवा के साथ काम करने के लिए, हमें एक फ़ाइल की आवश्यकता है जिसमें जावास्क्रिप्ट फ़ंक्शंस होंगे जिनकी हमें ज़रूरत है और 1s से खुलेंगे। मैं उसका उदाहरण नहीं दूंगा, क्योंकि उन्होंने मेरे लिए यहां काम किया है: हैलो वर्ल्ड! , और विवरण के लिए आगे बढ़ें।
हम उन कार्यों को जोड़ते हैं जो HTML-दस्तावेज़ खोलते समय, "मॉस्को" आइटम के निर्देशांक प्राप्त करते हैं और उस पर स्वत: मानचित्र के साथ मानचित्रण को आरंभ करते हैं:

var map = null;
function initialize()
{
getLocation('', function (results, status)
{
if (status == google.maps.GeocoderStatus.OK)
{
GoogleLocation = results[0].geometry.location;
initializeMap(GoogleLocation);
addMarkerForLocation(GoogleLocation.lat(), GoogleLocation.lng());//
addMarkerForAddress(' ');//
} else alert(' ');
});
}

//GoogleLocation - ,
function initializeMap(GoogleLocation)
{
if (GoogleLocation != null)
{
var latlng = new google.maps.LatLng(GoogleLocation.lat(), GoogleLocation.lng());
var myOptions = {
zoom: 10,//
center: latlng,//
mapTypeId: google.maps.MapTypeId.ROADMAP//
};
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
} else alert(' ');
}

भौगोलिक निर्देशांक लौटाने वाले कार्य:


//address - , ', '
//checkResult -
function getLocation(address, checkResult)
{
var geocoder = new google.maps.Geocoder();
geocoder.geocode({ address: address }, checkResult);
}

कार्य जो मानचित्र में एक लेबल जोड़ते हैं:

//
function addMarkerForLocation(lat, lng)
{
if ((lat != null)&&(lng!=null))
{
var marker = new google.maps.Marker(
{
position: new google.maps.LatLng(lat, lng),
map: map,
title: ' , ',
icon: 'http://google-maps-icons.googlecode.com/files/factory.png'
});
var infoWindow = new google.maps.InfoWindow;
bindInfoWindow(marker, infoWindow, ' html');
} else alert(' ');
}

// ,
function addMarkerForAddress(address)
{
if (map != null)
{
getLocation(address, function (results, status)
{
if (status == google.maps.GeocoderStatus.OK)
{
var marker = new google.maps.Marker(
{
position: new google.maps.LatLng(results[0].geometry.location.lat(), results[0].geometry.location.lng()),
map: map,
title: address,// ,
icon: 'http://google-maps-icons.googlecode.com/files/factory.png'//
});
} else alert(' ');
});
} else alert(' ');
}

और निश्चित रूप से, वह फ़ंक्शन जो सूचना विंडो में लेबल का विवरण प्रदर्शित कर सकता है:


//marker - ,
//infowindow - google.maps.InfoWindow
//html - html,
function bindInfoWindow(marker, infoWindow, html)
{
if (map != null)
{
google.maps.event.addListener(marker, 'click', function ()
{
infoWindow.setContent(html);
infoWindow.open(map, marker);
});
} else alert(' ');
}

2. हम 1s में प्रसंस्करण बनाते हैं

प्रोसेसिंग फॉर्म 1 सी पर, हम "फ़ील्ड एचटीएमएल डॉक्यूमेंट" टाइप करते हैं (इसे "फील्ड एचटीएमएल डॉक" कहते हैं) का एक नियंत्रण जोड़ते हैं - यह एचटीएमएल फाइल को प्रदर्शित करेगा जिसे हमने पहले बनाया था (चलो इसे google.html कहते हैं)। व्यवहार में, Microsoft वेब ब्राउज़र ActiveX ऑब्जेक्ट का उपयोग करना संभव है, लेकिन यह आपके स्वाद के लिए है, विशेष रूप से यह देखते हुए कि IE का उपयोग वैसे भी किया जाएगा।
दस्तावेज़ के HTML फ़ील्ड को जोड़ने के बाद, प्रसंस्करण को खोलने पर हमें मानचित्र को स्वचालित रूप से खोलने की आवश्यकता होती है। ऐसा करने के लिए, "ओपन" फॉर्म हैंडलर जोड़ें, और इसमें जोड़ें: फॉर्म एलिमेंट्स। HTML फील्ड डॉक। गो ("c: \ google \ google.html");
यह इतना पर्याप्त है कि जब हम 1s में बाहरी प्रसंस्करण शुरू करते हैं, तो हमारी html-file स्वतः ही खुल जाती है, जिसमें, जब पृष्ठ लोड होता है, तो प्रारंभ () फ़ंक्शन मानचित्र को भरना और केंद्रित करना शुरू कर देता है।
यदि सब कुछ ठीक है, तो आइए 1s में इवेंट टैग जोड़ने की क्षमता जोड़ें:
ऐसा करने के लिए, इनपुट टेक्स्ट फ़ील्ड "पता", "अक्षांश", "देशांतर" और दो बटन - "पते द्वारा लेबल जोड़ें" और "निर्देशांक द्वारा लेबल जोड़ें" फ़ॉर्म को जोड़ें।
और हां बटन के अनुरूप हैंडलर:

.HTML..parentWindow.eval("addMarkerForAddress('" + + "')");
.HTML..parentWindow.eval("addMarkerForLocation(" + (, "=") + "," + (, "=") + ")");

जैसा कि आप पहले से ही समझ चुके हैं, जब बटन पर क्लिक किया जाता है, तो दोनों हैंडलर जावास्क्रिप्ट फ़ंक्शंस को कॉल करते हैं जो हमारे द्वारा html फ़ाइल में सेट किए गए थे और मैप पर मार्किंग बनाते हैं। दरअसल, पहले संस्करण के लिए यह पर्याप्त से अधिक है।

निस्संदेह, इस पद्धति में सुधार किया जा सकता है - उदाहरण के लिए, 1 सी में दस्तावेज़ के एचटीएमएल फ़ील्ड की विधि का उपयोग करके HTML फ़ाइल के साथ पूरी तरह से विघटित करना संभव है। पाठ सेट करें () - उसी समय, पृष्ठ का कोड स्वयं 1c डेटाबेस में पाठ के रूप में संग्रहीत किया जा सकता है और समर्थन के साथ परेशान नहीं होना चाहिए। बाहरी HTML फ़ाइल।
यह भी विचार करने योग्य है कि Google एक आईपी से प्रति दिन निर्देशांक - 2500 अनुरोधों के निर्धारण के लिए अनुरोधों की संख्या में हमें सीमित करता है। सबसे अधिक इस्तेमाल किए जाने वाले निर्देशांक के डेटाबेस में भंडारण को जोड़ना तर्कसंगत होगा, जो प्रश्नों को बचाने के अलावा, प्रपत्र में अतिरिक्त कार्यक्षमता के लिए एक अवसर प्रदान करेगा, उदाहरण के लिए, किसी दिए गए केंद्र के सापेक्ष दिए गए भौगोलिक निर्देशांक के भीतर आवश्यक लेबल का चयन करने और प्रदर्शित करने की क्षमता।

Google.Maps + 1c: एंटरप्राइज़ 8.2