लोकेटर प्लस लागू करने के लिए गाइड

खास जानकारी

आपके उपयोगकर्ता प्रॉडक्ट और सेवाओं के बारे में ऑनलाइन रिसर्च करके, सबसे अच्छे और सबसे ज़्यादा मिलने, अपॉइंटमेंट लेने या ऑर्डर पिक अप करने के लिए सुविधाजनक जगह. वे जल्द से जल्द आपकी जगह पर पहुंचना चाहते हैं और आपको ताकि आपके स्टोर पर आने वाले लोगों की संख्या बढ़े, उपयोगकर्ता की संतुष्टि को मज़बूत करना और सहायता कॉल में कमी लाना. आपको यह भी मेज़र करना है कि आपके लोकेटर की सफलता से तय होता है कि क्या आपके ग्राहक अपने चैनल पर सुधार करना है और आपको जानना है कि कहां सुधार करने हैं.

Locator Plus—इस सेगमेंट में दिए गए दिशा-निर्देश और कस्टमाइज़ेशन विषय—Google Maps Platform के सबसे अच्छे संयोजन के रूप में हम इसका सुझाव देते हैं बेहतर लोकेटर उपयोगकर्ता अनुभव देने के लिए एपीआई. ये तरीके अपनाकर, उपयोगकर्ताओं को मैप पर आपकी जगह ढूंढने में मदद कर सकता है. साथ ही, उनके काम की पूरी जानकारी देखने में वे ड्राइविंग कर रहे हैं या नहीं, फ़ैसला लेने और उन्हें रास्ते की जानकारी दे सकते हैं. साइकल चलाना, पैदल चलना या सार्वजनिक परिवहन से यात्रा करना.

Locator Plus के उपयोगकर्ता, आंकड़े देख सकते हैं और अहम जानकारी जनरेट कर सकते हैं अपने डेटा से, आपको यह साफ़ तौर पर पता चलता है कि आपके खरीदार आपका स्टोर लोकेटर. इस रिपोर्ट को ऐक्सेस करने के लिए, यहां जाएं जुड़ाव की रिपोर्ट सेक्शन मदद ली जा सकती है. इस रिपोर्ट के बारे में ज़्यादा जानकारी के लिए, देखें यूज़र ऐक्टिविटी की रिपोर्ट.

नीचे दिए गए डायग्राम में, लोकेटर प्लस को लागू करने के लिए मुख्य एपीआई दिखाए गए हैं. इस डायग्राम में जगह की जानकारी के डेटा का डेटाबेस भी दिखाया गया है, जिसे एक साथ जोड़ा जा सकता है उपयोगकर्ताओं को जगह की जानकारी का सबसे अच्छा और सबसे अच्छा सेट देने के लिए जानकारी दी जा सकती है. (बड़ा करने के लिए क्लिक करें.)

एपीआई चालू करना

• Maps JavaScript API
• Location API
• जियोकोडिंग एपीआई
• दूरी का मैट्रिक्स एपीआई
• दिशा-निर्देशों के लिए एपीआई

लागू करने के सेक्शन

इस विषय में, नीचे दिए गए तरीके और कस्टमाइज़ेशन के बारे में बात की जाएगी.

• check_circle_filled अभी तक किसी भी व्यक्ति ने चेक इन नहीं किया है सही के निशान का आइकॉन, आम तौर पर इस्तेमाल किया जाता है.
• stars अभी तक किसी भी व्यक्ति ने चेक इन नहीं किया है स्टार आइकॉन का इस्तेमाल करना ज़रूरी नहीं है. हालांकि, इसे अपनी पसंद के मुताबिक बनाने का सुझाव दिया जाता है समाधान को बेहतर बनाना.

लोकेटर, उपयोगकर्ता अनुभव का एक अहम हिस्सा होता है. हालांकि, कुछ साइटों में यहां तक कि एक आसान मैप भी हो सकता है, जिसमें उपयोगकर्ताओं को साइट या ऐप्लिकेशन को छोड़कर जाना पड़ता है, ताकि वे आस-पास की किसी जगह को खोज सकें स्थान. इसका मतलब है कि उन लोगों को बेहतर अनुभव नहीं मिलेगा जिन्हें ज़रूरी शर्तें पूरी करनी होंगी एक पेज से दूसरे पेज पर जा सकते हैं, ताकि उनकी ज़रूरत की जानकारी मिल सके. इसके बजाय, इस विषय को बेहतर बनाया जा सकता है अपने ऐप्लिकेशन में मैप को एम्बेड और पसंद के मुताबिक बनाकर, इस अनुभव को बेहतर बनाया जा सकता है.

इसे चालू करने के कई तरीके हैं: (1) Quick Builder Locator Plus समाधान और (2) अपने डाइनैमिक मैप का इस्तेमाल करके, यह सुविधा उपलब्ध कराएं. इस सेक्शन में, इन विकल्पों के बारे में पूरी जानकारी दी गई है.

Quick Builder Locator Plus का इस्तेमाल करना

Google आपके यूआरएल पैरामीटर को कैसे इस्तेमाल करेगा, यह तय करने के लिए Quick Builder Locator Plus समाधान का इस्तेमाल करें. इसलिए अब, कारोबार में एक बदलाव आपकी Business Profile की जानकारी, आपकी वेबसाइट के स्टोर लोकेटर में दिखेगी. इन बदलावों में कारोबार के खुले होने का समय, संपर्क जानकारी, फ़ोटो, सेवा के विकल्प वगैरह शामिल हो सकते हैं. Quick Builder की मदद से आप मैप पर, कारोबार की जगहें सेट अप करने के बारे में तेज़ी से जान सकते हैं, डिप्लॉय करने लायक कोड जनरेट करें या कुछ ही मिनटों में Google Cloud Storage में सीधे डिप्लॉय करें.

अपने डाइनैमिक मैप लागू करने के तरीके का इस्तेमाल करना

अपने पेज में एक डायनैमिक मैप जोड़ना—यानी, एक ऐसा मैप जिसे उपयोगकर्ता इधर-उधर ले जा सकते हैं, ज़ूम इन और ज़ूम आउट करें, और विभिन्न स्थानों और रुचि—कोड की कुछ पंक्तियों की सहायता से भी पूरा किया जा सकता है.

सबसे पहले, आपको पेज में Maps JavaScript API शामिल करना होगा. इसके लिए, नीचे दी गई स्क्रिप्ट को अपने एचटीएमएल पेज से लिंक करें.

<script defer src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap&solution_channel=GMP_guides_locatorplus_v2_a"></script>

यूआरएल, JavaScript initMap फ़ंक्शन के बारे में बताता है, जो पेज के होने पर चलता है लोड करता है. URL में, आप अपने मैप की भाषा या इलाके का नाम डालें, ताकि यह पक्का किया जा सके कि इसे आपके टारगेट किए जा रहे किसी देश में. क्षेत्र सेट करने से यह भी पक्का होता है कि अमेरिका से बाहर इस्तेमाल किए जाने वाले ऐप्लिकेशन का इस्तेमाल, आपके सेट किए गए क्षेत्र को लेकर भेदभाव होता है. इसे देखें Google Maps Platform के कवरेज की जानकारी यहां आपको उन इलाकों और भाषाओं की सूची मिलेगी जिनका इस्तेमाल किया जा सकता है. साथ ही, region पैरामीटर का इस्तेमाल.

इसके बाद, पेज पर अपना मैप रखने के लिए आपको एचटीएमएल div की ज़रूरत होगी. इस जगह पर मैप दिखाया जाएगा.

<div id="map"></div>

अगला कदम है, अपने मैप की बुनियादी सुविधाएं सेट करना. ऐसा इसमें किया जाता है स्क्रिप्ट यूआरएल में initMap स्क्रिप्ट फ़ंक्शन दिया गया है. इस स्क्रिप्ट में, नीचे दिए गए उदाहरण में दिखाया गया है, तो आपके पास शुरुआती लोकेशन सेट करने का विकल्प है. मैप का टाइप, और आपके उपयोगकर्ताओं के लिए मैप पर कौनसे नियंत्रण उपलब्ध होंगे. ध्यान दें कि getElementById() "मैप" का रेफ़रंस देता है ऊपर दिया गया div आईडी.

function initMap() {
  const map = new google.maps.Map(document.getElementById("map"), {
    zoom: 12,
    center: { lat: 51.485925, lng: -0.129500 },
    zoomControl: false
  });
}

लोकेटर के लिए, आम तौर पर आपके सिस्टम की शुरुआती जगह, यानी उसके बीच के हिस्से को सेट करने में दिलचस्पी होती है और ज़ूम स्तर (उस स्थान पर मैप कितना ज़ूम किया गया है). ज़्यादातर अन्य एलिमेंट, जैसे कि कंट्रोल की ट्यूनिंग वैकल्पिक होती हैं, क्योंकि आपकी ओर से एलिमेंट का लेवल तय किया जाता है मैप के साथ इंटरैक्शन करते हैं.

जगह के आईडी फ़ेच किए जा रहे हैं

आपके पास अपने स्टोर की जगहों का डेटाबेस हो सकता है. इसमें उस जगह के नाम जैसी बुनियादी जानकारी हो सकती है जगह की जानकारी, उसका पता, और उसका फ़ोन नंबर. उस जानकारी को फ़ेच करने के लिए जिसे Google Maps प्लैटफ़ॉर्म में उस जगह के बारे में जानकारी है. इसमें भौगोलिक निर्देशांक और उपयोगकर्ता के योगदान की जानकारी भी शामिल है जानकारी के रूप में, अपने डेटाबेस में मौजूद हर जगह से जुड़ा जगह का आईडी ढूंढें. आप को कॉल करो Places API में, प्लेस एंडपॉइंट ढूंढें और सिर्फ़ फ़ील्ड का अनुरोध करें place_id. यहां अनुरोध करने का एक उदाहरण दिया गया है Google के लंदन ऑफ़िस के लिए जगह का आईडी:

https://maps.googleapis.com/maps/api/place/findplacefromtext/json?input=google%20london&inputtype=textquery&fields=place_id&key=YOUR_API_KEY&solution_channel=GMP_guides_locatorplus_v2_a

आप इस जगह का आईडी स्टोर कर सकते हैं अपने डेटाबेस में जोड़ सकते हैं और इसका इस्तेमाल किसी जगह के बारे में जानकारी मांगने के एक असरदार तरीके के रूप में कर सकते हैं. निम्न हैं जगह के आईडी का इस्तेमाल करके जियोकोड करने, जगह की जानकारी वापस पाने, और निर्देशों के लिए अनुरोध करने के निर्देश जगह तक.

जगह की जानकारी को जियोकोड करना

अगर जगहों के आपके डेटाबेस में मोहल्ले के पते हैं, लेकिन भौगोलिक निर्देशांक नहीं, तो जियोकोडिंग API: इसका मकसद मैप पर मार्कर लगाना है. सर्वर साइड पर अपने पतों को जियोकोड किया जा सकता है, अपने डेटाबेस में अक्षांश और देशांतर को सेव करें, और रीफ़्रेश करें कम से कम हर 30 दिन में.

यहां Geocoding API का इस्तेमाल करके, Google के लंदन ऑफ़िस के लिए दिखाई गई जगह के आईडी का अक्षांश और देशांतर:

https://maps.googleapis.com/maps/api/geocode/json?place_id=ChIJVSZzVR8FdkgRTyQkxxLQmVU&key=YOUR_API_KEY&solution_channel=GMP_guides_locatorplus_v2_a

मैप में स्थान जोड़ना

अगला चरण, मैप में अपनी जगहों की जानकारी जोड़ना है. आम तौर पर, यह जोड़ने की सुविधा की मदद से ऐसा किया जाता है मार्कर हालांकि ऐसे कई विकल्प हैं जिनका आप इस्तेमाल कर सकते हैं, जैसे कि डेटा लेयर.

जब आपको अपनी जगह का अक्षांश और देशांतर मिल जाए, तो यहां एक उदाहरण दिया गया है. मैप पर मार्कर:

var marker = new google.maps.Marker({
    position: { lat: 51.493073, lng: -0.146550 },
    label:"A",
    title:"Location Name"
});

// To add the marker to the map, call setMap();
marker.setMap(map);

कुछ मार्कर की मदद से, कई जगहों की जानकारी को एक साथ देखा जा सकता है.

अगर जगहें बहुत ज़्यादा हैं, तो मार्कर क्लस्टर का इस्तेमाल करें की उपयोगिता JavaScript, Android या iOS. यहां JavaScript स्टोर लोकेटर GitHub सैंपल में मार्कर क्लस्टरिंग के का उदाहरण दिया गया है.

आप जगह की वह जानकारी शेयर कर सकते हैं जिसके बारे में उपयोगकर्ताओं को जानना ज़रूरी है. इसके बाद ही वे किसी जगह पर जाएंगे आपकी जगहें. जगह की बेहतर जानकारी के साथ जैसे, संपर्क जानकारी, काम के घंटे, उपयोगकर्ता रेटिंग, उपयोगकर्ता की फ़ोटो, और बंद है, तो आपके उपयोगकर्ताओं को ठीक-ठीक पता होगा कि आपके स्थान पर आने पर उन्हें क्या अपेक्षा रखनी चाहिए. Places API पर कॉल करने के बाद, आपके पास फ़िल्टर और जवाब को जानकारी विंडो, वेब साइडबार या अपनी पसंद के किसी अन्य तरीके से रेंडर करें.

जगह की जानकारी का अनुरोध करने के लिए, आपको अपने हर स्थान के स्थान आईडी की ज़रूरत होगी. अपने आईडी को फिर से पाने के लिए, जगह के आईडी पाना देखें स्थान.

नीचे दिए गए उदाहरण में, जगह की जानकारी वापस पाने के लिए 'जगहें' लाइब्रेरी, Maps JavaScript API का इस्तेमाल किया गया है और उन्हें InfoWindow में जोड़ें. यह कार्यान्वयन इसकी लागत बचाने की रणनीति का उपयोग करता है किसी स्थान विवरण का अनुरोध तभी ट्रिगर करेगा, जब उपयोगकर्ता सभी जगहों की जानकारी पहले से फ़ेच करने के बजाय, मार्कर पर सेट की गई हो उपयोगकर्ता की दिलचस्पी के मुताबिक होते हैं.

     
  const marker = new google.maps.Marker({
    map,
    position: { lat: 51.493073, lng: -0.14655 },
  });
  const request = {
    placeId: "ChIJVSZzVR8FdkgRTyQkxxLQmVU",
    fields: ["name", "formatted_address", "rating", "website"],
  };
  const infowindow = new google.maps.InfoWindow();
  const service = new google.maps.places.PlacesService(map);

  google.maps.event.addListener(marker, "click", function () {
    service.getDetails(request, (place, status) => {
      if (status === google.maps.places.PlacesServiceStatus.OK && place) {
        infowindow.setContent(
          "<div><strong>" +
            place.name +
            "</strong><br>" +
            place.formatted_address +
            "<br>" +
            "Rating: " +
            place.rating +
            " stars<br>" +
            place.website +
            "</div>"
        );

        infowindow.open(map, this);
      }
    });
  });
  
  

उपयोगकर्ताओं को अपने स्थान का एरियल व्यू देने से, उन्हें इस जगह के बारे में साफ़-साफ़ पता लगाने में मदद मिलती है इससे उन्हें अपना कॉन्टेंट आसानी से ढूंढने में मदद मिलती है. जब कोई उपयोगकर्ता एक ही जगह चुनता है अगर आपको ज़्यादा जानकारी देखनी है, तो उस जगह को ज़ूम इन करें और उपलब्ध सैटलाइट देखें 45° के कोण से ली गई तस्वीरें.

निम्न कोड नमूना मैप को एक उच्च ज़ूम स्तर पर सेट करता है, जो एक संगत मैप प्रकार, साथ ही, झुकाने का ऐंगल भी शामिल करें, जो उपलब्ध होने पर 45° की तस्वीरें दिखाएगा. 45° के बारे में जानकारी तस्वीरों की उपलब्धता के बारे में यहां बताया गया है. दस्तावेज़.

function seeDetail(location) {
  map.setCenter(location);
  map.setZoom(19);
  map.setMapTypeId(google.maps.MapTypeId.HYBRID);
  map.setTilt(45);
}

मूल मैप दृश्य पर रीसेट हो रहा है

उपयोगकर्ता अक्सर किसी एक ही रिपोर्ट के ब्यौरे वाले व्यू के बीच स्विच करना स्थान और आस-पास के कई स्थानों का सारांश दृश्य. यह सुविधा उपलब्ध कराने के लिए, लिसनर का इस्तेमाल करके यह पता लगाया जा सकता है कि उपयोगकर्ता, पूरी जानकारी के साथ दिखने वाले व्यू को मैप इंटरैक्शन के दौरान या कब छोड़ता है सूची के तौर पर देखें. उदाहरण के लिए, इस पर zoom_changed इवेंट को सुनना map ऑब्जेक्ट यह दिखाता है कि उपयोगकर्ता ने या तो पूरी जानकारी वाले व्यू से मैन्युअल तरीके से ज़ूम आउट कर दिया है या कॉल किया है किसी अन्य फ़ंक्शन के लिए ज़ूम लेवल को अपडेट किया गया है. इस नमूने में, ज़ूम आउट करने से मैप को मूल मैप टाइप और झुकाव के अनुसार मैप करें.

let originalMapTypeId = google.maps.MapTypeId.ROADMAP;
map.addListener("zoom_changed", () => {
  const newZoom = map.getZoom()!;

  if (newZoom < 19) {
    map.setTilt(0);
    map.setMapTypeId(originalMapTypeId);
  }
});

किसी भी लोकेटर का अगला मुख्य कॉम्पोनेंट, उपयोगकर्ता की शुरुआती जगह की पहचान करना होता है. डिफ़ॉल्ट रूप से, अनुरोध करने के लिए मोबाइल लोकेशन सेवाओं और वेब ब्राउज़र के जियोलोकेशन का इस्तेमाल किया जा सकता है ऑरिजिन को उपयोगकर्ता की मौजूदा जगह के तौर पर सेट करने के लिए उपयोगकर्ता अनुमतियां दें. हालांकि, उपयोगकर्ता करने की अनुमति नहीं दी जाएगी या हो सकता है कि वे अपनी शुरुआत की जगह के तौर पर कोई दूसरी जगह सेट करना चाहें.

आज के उपयोगकर्ता, उपभोक्ता पर ऑटोकंप्लीट टाइप-अहेड फ़ंक्शन की सुविधा के आदत डाल चुके हैं Google Maps का वर्शन है. इस सुविधा को ऐप्लिकेशन में इंटिग्रेट करने के लिए, मोबाइल डिवाइस और वेब पर Google Maps Platform Places लाइब्रेरी. जब कोई उपयोगकर्ता टाइप करता है विजेट का इस्तेमाल करके पूरा पता अपने-आप भर जाता है. आप यह भी कर सकते हैं सीधे Places लाइब्रेरी का इस्तेमाल करके खुद की ऑटोकंप्लीट सुविधा उपलब्ध कराएं.

अपनी साइट में स्थान ऑटोकंप्लीट लाइब्रेरी जोड़ना, बस कुछ चीज़ें जोड़ना है क्वेरी पैरामीटर को Maps JavaScript API स्क्रिप्ट यूआरएल में जोड़ना चाहते हैं. निम्न में उदाहरण के लिए, जोड़ा गया libraries=places है.

<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&libraries=places&callback=initMap&solution_channel=GMP_guides_locatorplus_v2_a" defer></script>

इसके बाद, उपयोगकर्ता के इनपुट के लिए अपने पेज पर एक टेक्स्ट बॉक्स जोड़ें.

<input id="autocomplete" placeholder="Enter starting
      address, city, or zip code" type="text"></input>

अंत में, आपको ऑटोकंप्लीट सेवा शुरू करनी होगी और इसे नाम वाले टेक्स्ट बॉक्स से लिंक करना होगा. को बाधित करना जियोकोड के टाइप के लिए ऑटोकंप्लीट की सुविधा से मिलने वाले सुझाव दिखाएं, ताकि आपका इनपुट फ़ील्ड कॉन्फ़िगर हो सके मोहल्ले के पते, आस-पास के इलाकों, शहरों, और पिन कोड स्वीकार करने के लिए उनके मूल के बारे में बताने के लिए विशेषता का लेवल. geometry के लिए अनुरोध ज़रूर करें फ़ील्ड में डालें ताकि जवाब में उपयोगकर्ता के मूल देश का अक्षांश और देशांतर शामिल हो. आपको ये चीज़ें इस्तेमाल करनी होंगी ये मैप निर्देशांक मैप को फिर से बीच में करने के लिए बनाए जाते हैं और शुरुआत की जगह.

  // Create the autocomplete object, restricting the search predictions to
  // geographical location types.
  const autocomplete = new google.maps.places.Autocomplete(
    document.getElementById("autocomplete"),
    { types: ["geocode"],
      componentRestrictions: {'country': ['gb']},
      fields: ['place_id', 'geometry', 'formatted_address'] }
  );
  // When the user selects an address from the drop-down
  // zoom to the select location and add a marker.
  autocomplete.addListener("place_changed", addUserLocation);
}

इस उदाहरण में, एक बार उपयोगकर्ता ने वह पता चुन लिया addUserLocation() फ़ंक्शन है लागू किया गया. यह मेल खाने वाले परिणाम की ज्यामिति, उपयोगकर्ता का स्थान लेता है, और फिर उस जगह के मैप को दिखाता है और मार्कर जोड़ता है.

function addUserLocation() {
  // Get the place details from the autocomplete object.
  const place = autocomplete.getPlace();

  // Add a marker to the map.
  const marker = new google.maps.Marker({
          map: map
        });

  marker.setLabel("C");
  marker.setPosition(place.geometry.location);

  // Zoom the map to the marker.
  map.panTo(place.geometry.location);
  map.setZoom(12);
}

इसके बाद, उपयोगकर्ता के और किसी खास जगह के बीच का संबंध देखा जा सकता है, नीचे दी गई इमेज में दिखाया गया है.

उपयोगकर्ता की जगह की जानकारी मिल जाने के बाद, उसकी तुलना उनकी जगह की जानकारी से की जा सकती है हैं. दूरी मैट्रिक्स सेवा के ज़रिए ये काम करने से, Maps JavaScript API मदद करता है आपके उपयोगकर्ता उस स्थान को चुनते हैं जो उनके लिए ड्राइविंग समय या सड़क के आधार पर सबसे सुविधाजनक है दूरी.

किसी उपयोगकर्ता के आस-पास की जगहों की जानकारी दिखाने का मतलब है कि आपकी जगहों की जानकारी पहले से ही मौजूद है अपने-आप जानकारी भर जाएगी. जगह की जानकारी के अपने डेटाबेस का इस्तेमाल करते समय, कुंजी यह पक्का करती है कि डेटा एक ऐसे फ़ॉर्मैट में हो जिसे मैप में इस्तेमाल किया जा सके, जैसे कि GeoJSON डेटा लेयर विषय.

जगहों की सूची को व्यवस्थित करने का स्टैंडर्ड तरीका है, दूरी के हिसाब से उन्हें क्रम में लगाना. अक्सर ऐसा होता है दूरी की गणना बस उपयोगकर्ता से स्थान तक सीधी रेखा का इस्तेमाल करके की जाती है, लेकिन गुमराह करने वाला हो सकता है. सीधी रेखा किसी ऐसी नदी के ऊपर हो सकती है जिसे पार नहीं किया जा सकता या फिर भीड़-भाड़ वाली सड़कों से होकर तब, जब कोई दूसरी जगह ज़्यादा सुविधाजनक हो. ऐसा करना तब ज़रूरी होता है, जब एक-दूसरे से कुछ किलोमीटर के दायरे में कई जगहें हैं.

दूरी मैट्रिक्स सेवा, यात्रा शुरू करने की जगह और मंज़िल की जगहों की सूची लेकर काम करती है और इससे न सिर्फ़ यात्रा की दूरी, बल्कि उनके बीच के समय की जानकारी भी मिलती है. उपयोगकर्ता के मामले में, ऑरिजिन वहां का होता है जहां वह अभी मौजूद है या उसे यहां से शुरू करना है और गंतव्य स्थानों के होंगे. शुरुआत की जगह और मंज़िलों को कोऑर्डिनेट जोड़े या पतों के तौर पर बताया जा सकता है; सेवा को कॉल करने पर बाद वाले का मिलान किया जाएगा. दूरी मैट्रिक्स का इस्तेमाल किया जा सकता है का इस्तेमाल करें.

नीचे दिए गए उदाहरण में, दूरी मैट्रिक्स सेवा को कहा गया है. इसमें उपयोगकर्ता का ऑरिजिन और जगहों की जानकारी. इस उदाहरण में, यह मैप सेंटर से लेकर लंदन में Google के तीन ऑफ़िसों तक की दूरी पर मौजूद है.

यूआरएल को कोड में बदलने का क्विक रेफ़रंस: %2C = , (कॉमा), %3A = : (कोलन), और %7C = | (पाइप).

      https://maps.googleapis.com/maps/api/distancematrix/json?origins=51.493490%2C-0.097288
      &destinations=place_id%3AChIJVSZzVR8FdkgRTyQkxxLQmVU%7Cplace_id%3AChIJVSZzVR8FdkgR-HklrBMO0Hc%7Cplace_id%3AChIJ4abvVDwbdkgRDZVFR7A6Bcc
      &units=metric
      &mode=driving
      &key=YOUR_API_KEY
      &solution_channel=GMP_guides_locatorplus_v2_a

यहां दिया गया वर्शन दिया गया है जिसे कॉपी करके चलाया जा सकता है:

      https://maps.googleapis.com/maps/api/distancematrix/json?key=YOUR_API_KEY&origins=51.493490%2C-0.097288&destinations=place_id%3AChIJVSZzVR8FdkgRTyQkxxLQmVU%7Cplace_id%3AChIJVSZzVR8FdkgR-HklrBMO0Hc%7Cplace_id%3AChIJ4abvVDwbdkgRDZVFR7A6Bcc&units=metric&mode=driving&solution_channel=GMP_guides_locatorplus_v2_a

सेवा से मिलने वाले असल जवाब में, मैच होने वाले पतों, दूरी, और इस उदाहरण में बताई गई अवधि से मिलती-जुलती अवधि:

{
    "destination_addresses": [
        "123 Buckingham Palace Rd, Victoria, London SW1W 9SH, UK",
        "1-13 St Giles High St, West End, London WC2H 8AG, UK",
        "6 Pancras Square, Kings Cross, London N1C 4AG, UK"
    ],
    "origin_addresses": [
        "Unnamed Road, London, UK"
    ],
    "rows": [
        {
            "elements": [
                {
                    "distance": {
                        "text": "4.5 km",
                        "value": 4540
                    },
                    "duration": {
                        "text": "15 mins",
                        "value": 924
                    },
                    "status": "OK"
                },
                {
                    "distance": {
                        "text": "5.0 km",
                        "value": 5043
                    },
                    "duration": {
                        "text": "17 mins",
                        "value": 1044
                    },
                    "status": "OK"
                },
                {
                    "distance": {
                        "text": "6.9 km",
                        "value": 6919
                    },
                    "duration": {
                        "text": "23 mins",
                        "value": 1357
                    },
                    "status": "OK"
                }
            ]
        }
    ],
    "status": "OK"
}

नीचे दी गई इमेज में, मैप पर शुरुआत की जगह (रेड मार्कर C) और मंज़िलों को दिखाया गया है:

सीधी लाइन की दूरी और रास्ते की दूरी में अक्सर अंतर होता है, जैसा कि इलस्ट्रेशन में दिखाया गया है यहां दी गई टेबल में बताया गया है.

हालांकि, दूरी के हिसाब से जगह B, सबसे नज़दीकी है, लेकिन वहां पहुंचने का रास्ता और समय वहां है से ज़्यादा समय लगता है, क्योंकि जगह A पर हाइवे से पहुंचा जा सकता है.

यह अनुरोध करने के बाद, जवाब को इस तरीके से प्रोसेस किया जा सकता है: ड्राइविंग में लगने वाला समय. लोकेटर में इस तरह के फ़ंक्शन के उदाहरण देखे जा सकते हैं codelabs में बदलाव करने का एक तरीका है.

उपयोगकर्ताओं को अपनी साइट या ऐप्लिकेशन में वहां से आने वाले निर्देश दिखाने का मतलब है कि वे को आपकी साइट छोड़कर जाना होगा. इसका मतलब है कि उपयोगकर्ताओं का ध्यान दूसरी साइटों पर नहीं जाएगा या मैप पर प्रतिस्पर्धियों को देख सकते हैं. आपको यह भी पता चल सकता है कि खास यात्रा मोड के बारे में जानकारी दे सकते हैं और किसी खास यात्रा का असर दिखा सकते हैं.

दिशा-निर्देशों से जुड़ी सेवा में ऐसे फ़ंक्शन भी होते हैं जिनकी मदद से, नतीजों को प्रोसेस किया जा सकता है और उन्हें मैप पर आसानी से प्रदर्शित कर सकता है.

नीचे दिशा-निर्देश पैनल को दिखाने का एक उदाहरण दिया गया है. ज़्यादा जानकारी के लिए, नमूना, देखें टेक्स्ट के लिए निर्देश दिखाए जा रहे हैं.

मैप की इन सुविधाओं के बारे में ज़्यादा जानने के लिए, Maps JavaScript API से जुड़ा दस्तावेज़ या चरण-दर-चरण codelabs का इस्तेमाल करें.

जब उपयोगकर्ता किसी साइड पैनल में आपकी जगह से जुड़ी जानकारी देखते हैं, तो आप आसानी से अपॉइंटमेंट बुक करने के लिए, एक बटन पर क्लिक करें. यहां दी गई इमेज में दिखाया गया है.

इसे चालू करने के कई तरीके हैं: (1) Quick Builder Locator Plus समाधान और (2) अपने Business Profile पर टैप करें. इस सेक्शन में, इन विकल्पों के बारे में पूरी जानकारी दी गई है.

Quick Builder Locator Plus का इस्तेमाल करना

Google आपके यूआरएल पैरामीटर को कैसे इस्तेमाल करेगा, यह तय करने के लिए Quick Builder Locator Plus समाधान अपने Business Profile पर टैप करें. क्विक बिल्डर टूल में इंपोर्ट करने के बाद, एम्बेड की गई सेटिंग चालू की जा सकती है आपके कारोबार की जगह के लिए, अपॉइंटमेंट बुक करने के लिंक (जहां उपलब्ध हों) के ज़रिए Google से रिज़र्व. अगर आपके Google खाते से Business Profile नहीं जुड़ी है, तब भी क्विक बिल्डर की मदद से, उन कारोबारों के बुकिंग लिंक एम्बेड किए जा सकते हैं जिन्हें आपने तीसरे पक्ष की कंपनियों के साथ पहले से चालू किया हुआ है Reserve with Google की मदद से, बुकिंग की सेवा देने वाली कंपनियों के नाम*.

*Google से रिज़र्व सिर्फ़ ऐसे देशों/इलाकों में उपलब्ध है जहां कारोबार एक साथ काम करने वाले बुकिंग की सेवा देने वाली कंपनी . अगर आप 'Google से रिज़र्व' में दिलचस्पी रखते हैं, लेकिन फ़िलहाल आप 'Google से रिज़र्व' के साथ काम नहीं कर रहे हैं, तो साइन अप करें, तो कृपया सेवा देने वाली कंपनी को यह फ़ॉर्म भरकर, अपनी दिलचस्पी का दस्तावेज़ सबमिट करने के लिए कहें यह फ़ॉर्म और हमारी दस्तावेज़ ताकि वे कैसे शुरुआत कर सकें. अगर आपने बुकिंग की सेवा देने वाली किसी कंपनी के साथ पहले से काम नहीं किया है, तो ज़रूरी शर्तें पूरी करने वाली कंपनियां Business Profile मैनेज करने का डैशबोर्ड.

अपॉइंटमेंट बुकिंग की सुविधा चालू करने के लिए, Business Profile का इस्तेमाल किया जा रहा है

जब इनकी मदद से इंटरनेट पर अपनी मौजूदगी को मैनेज किया जाता है Business Profile, कारोबार आपकी बनाई गई जगहों को Google Maps Platform के प्लेस आईडी से जोड़ा जाता है, ताकि इन्हें चालू किया जा सके कारोबार के डेटा के साथ मैपिंग की सुविधा को इंटिग्रेट किया है.

Business Profile के एपीआई की मदद से, अपॉइंटमेंट बुक करने जैसी कार्रवाइयां की जा सकती हैं, जिन्हें वापस लाया जा सकता है और आपके ऐप्लिकेशन में भी दिखते हैं, लेकिन इसे चालू करने के लिए कुछ मैन्युअल तरीकों की ज़रूरत होती है, जैसा कि नीचे बताया गया है.

जब लोग साइड पैनल में आपकी किसी जगह की जानकारी देखते हैं, तो आप ये काम कर सकते हैं: उन्हें अपॉइंटमेंट लेने के लिए लिंक दें. इस सेक्शन में इसका तरीका बताया गया है.

1. कुछ लिखने या तैयार करने में मदद पाएँ जगह के टाइप के लिए, Business Profile के एपीआई placeActionLink APPOINTMENT, ONLINE_APPOINTMENT, या DINING_RESERVATION. placeActionLink ही आपके लिए ऑब्जेक्ट होगा साइड पैनल में अपॉइंटमेंट लिंक के लिए इस्तेमाल करें. (अगर आपने अपॉइंटमेंट कार्रवाई पहले ही बना ली है तो सीधे अगले चरण पर जाएं.) यहां उदाहरण के तौर पर, किसी भरोसेमंद सोर्स से मिलने वाले जवाब का उदाहरण दिया गया है placeActionLinks.create पीओएसटी कार्रवाई:

   {
       "name": "locations/15899957830169237700/placeActionLinks/9c984be778a7ebbc",
       "providerType": "MERCHANT",
       "isEditable": true,
       "uri": "https://example.com/reservation-uri",
       "placeActionType": "DINING_RESERVATION",
       "createTime": "2021-05-01T01:17:41.609161Z",
       "updateTime": "2021-05-01T01:17:41.609161Z"
   }

2. Google Maps Platform पर जगह के आईडी से जुड़ी Business Profile की जगह की जानकारी ढूंढें.

   जब उपयोगकर्ता किसी जगह की जानकारी देखते हैं, तब वे Google Maps Platform पर जानकारी देख रहे होते हैं जगह का आईडी. जगह का आईडी, Business Profile के लोकेशन आईडी से जुड़ा है. इसलिए, आपको ये काम करने होंगे पुनर्प्राप्त करने और प्रदर्शित करने के लिए मैप स्थान आईडी के आधार पर स्थान आईडी खोजें तो अपॉइंटमेंट बुक करने के लिए बनाया गया लिंक. Business Profile के इन एपीआई के लिए कॉल करें:

   1. अपने प्रोजेक्ट के खातों की सूची बनाएं.
   2. सभी जगहों की सूची बनाना आपके कारोबार के लिए कितने काम का है.
   3. खाते के स्थानों में, LocationKey में Google Maps Platform का स्थान आईडी होता है, जिसकी तुलना आप देखी जा रही जगह का आईडी.

3. लोकेशन आईडी से आपको कार्रवाई का लिंक मिल सकता है. किसी मौजूदा रिपोर्ट को वापस पाने के लिए अपॉइंटमेंट placeActionLink, मौजूदा सूची जगह के लिए placeActionLinks और फ़िल्टर placeActionType अपॉइंटमेंट लिंक खोजने के लिए जिसका आपको इस्तेमाल करना है (APPOINTMENT, ONLINE_APPOINTMENT या DINING_RESERVATION).

   इस उदाहरण में, रिस्पॉन्स में अपॉइंटमेंट placeActionLink दिखाया गया है LIST कॉल से.

    {
      "placeActionLinks": [
          {
              "name": "locations/15899957830169237700/placeActionLinks/9c984be778a7ebbc",
              "providerType": "MERCHANT",
              "isEditable": true,
              "uri": "https://example.com/",
              "placeActionType": "APPOINTMENT",
              "createTime": "2021-05-01T01:17:41.609161Z",
              "updateTime": "2021-05-01T01:17:41.609161Z"
          }
      ]
    }

4. साइड पैनल में <div> बनाएं और उसमें placeActionLink ऑब्जेक्ट, खास तौर पर अपॉइंटमेंट बुक करने का लिंक.

अपॉइंटमेंट के लिंक जोड़ने के अन्य विकल्प

अगर आपके पास Business Profile मैनेज करने का अधिकार नहीं है या आपको Quick Builder Locator Plus समाधान, अपॉइंटमेंट बुक करने के विजेट को एम्बेड करने से जुड़े दस्तावेज़ देखने के लिए, अपॉइंटमेंट बुक करने का प्लैटफ़ॉर्म देखें किसी वेबसाइट या ऐप्लिकेशन पर भेजा जाएगा. दूसरा विकल्प Google Cloud का इस्तेमाल करना है, जैसे इन्वेंट्री मैनेजमेंट के लिए Cloud Spanner (वीडियो).

किसी जगह के लिए, जगह की जानकारी वाले साइड पैनल में, उपयोगकर्ताओं को क्लिक करने के लिए स्थानीय ऑफ़र दिखाए जा सकते हैं. Google My Business API का इस्तेमाल करके, "पोस्ट" बनाई और वापस पाई जा सकती हैं (जैसे कि स्थानीय ऑफ़र) आपके स्थानों से संबद्ध हैं. यहां दिए गए डायग्राम में स्थानीय ऑफ़र का उदाहरण दिखाया गया है जगह की जानकारी वाला साइड पैनल.

(पिछले सेक्शन में आर्किटेक्चरल डायग्राम आपके लोकेटर में ऑफ़र जोड़ने के लिए उपलब्ध टेक्नोलॉजी दिखाता है.)

स्थानीय ऑफ़र, जगहों से जुड़े होते हैं. इसलिए, आपको अपनी Business Profile जगह का आईडी, जो जगह के उपयोगकर्ताओं के लिए Google Maps Platform का जगह का आईडी होता है देख रहे हैं. Business Profile का लोकेशन आईडी होने पर, आपको काम का ऑफ़र साइड पैनल में अपनी जगह की जानकारी दिखाने के लिए localPost. इसका तरीका यहां बताया गया है:

1. Google My Business API का इस्तेमाल करके, अपनी पसंद के मुताबिक कोई भी ऑफ़र पोस्ट बनाएं प्रकार का प्रदर्शन OFFER.

2. मैप पर, जगह के आईडी से जुड़ी Business Profile की जगह की जानकारी / जगह का आईडी देखें.

   जब उपयोगकर्ता किसी जगह की जानकारी देखते हैं, तब वे Google Maps Platform पर जानकारी देख रहे होते हैं जगह का आईडी. जगह का आईडी, Business Profile के लोकेशन आईडी से जुड़ा है. इसलिए, आपको ये काम करने होंगे पुनर्प्राप्त करने और प्रदर्शित करने के लिए मैप स्थान आईडी के आधार पर स्थान आईडी खोजें उस पर क्लिक करें. Business Profile के इन एपीआई के लिए कॉल करें:

   1. अपनी साइट के लिए प्रोजेक्ट के खाते हैं.
   2. उन सभी इवेंट की सूची बनाएं जगहों की जानकारी को भी शेयर किया जा सकता है.
   3. खाते के स्थानों में, LocationKey इसमें मैप का स्थान आईडी होता है, जिसकी तुलना आप स्थान के स्थान आईडी से कर सकते हैं देखा गया.

   में जगह की जानकारी के लिए किए गए अनुरोध का एक उदाहरण नीचे दिया गया है Business Profile के एपीआई:

   https://mybusiness.googleapis.com/v4/accounts/111098884960588804666/locations/15899957830169237700

   रिस्पॉन्स में एक locationKey फ़ील्ड होता है, जो जगह का आईडी होता है का इस्तेमाल Google Maps Platform के अनुरोधों के साथ किया जा सकता है.

   जवाब का सैंपल देखने के लिए बड़ा करें.

         {
       "name": "accounts/111098884960588804666/locations/15899957830169237700",
       "locationName": "Sushi Sushi",
       "primaryPhone": "+49 2222 22222",
       "primaryCategory": {
           "displayName": "Restaurant",
           "categoryId": "gcid:restaurant",
       },
       "regularHours": {
           "periods": [
               {
                   "openDay": "MONDAY",
                   "openTime": "09:00",
                   "closeDay": "MONDAY",
                   "closeTime": "09:10"
               },
               {
                   "openDay": "TUESDAY",
                   "openTime": "11:30",
                   "closeDay": "TUESDAY",
                   "closeTime": "24:00"
               }
           ]
       },
       "locationKey": {
           "placeId": "ChIJs4wtL04X2jERbc8qHd_wZzk",
           "requestId": "2c72cbcb-ea2e-4d66-b684-0ef5f090300c"
       },
       "latlng": {
           "latitude": 1.3670033,
           "longitude": 103.8556385
       },
       "openInfo": {
           "status": "OPEN",
           "canReopen": true
       },
       "locationState": {
           "isGoogleUpdated": true,
           "canUpdate": true,
           "canDelete": true,
           "isVerified": true,
           "isPublished": true,
           "canHaveFoodMenus": true
       },
       "attributes": [
           {
               "attributeId": "has_delivery",
               "valueType": "BOOL",
               "values": [
                   false
               ]
           },
           {
               "attributeId": "requires_masks_customers",
               "valueType": "BOOL",
               "values": [
                   true
               ]
           },
           {
               "attributeId": "url_order_ahead",
               "valueType": "URL",
               "urlValues": [
                   {
                       "url": "https://example.com/"
                   },
               ]
           },
           {
               "attributeId": "pay_credit_card_types_accepted",
               "valueType": "REPEATED_ENUM",
               "repeatedEnumValue": {
                   "setValues": [
                       "visa"
                   ],
                   "unsetValues": [
                       "american_express"
                   ]
               }
           }
       ],
       "address": {
           "regionCode": "SG",
           "languageCode": "en-US",
           "postalCode": "560445",
           "addressLines": [
               "445 Ang Mo Kio Ave 10"
           ]
       },
       "profile": {
           "description": "Example restaurant"
       }
   }
         

3. अब आपके पास जगह की जानकारी का आईडी है, तो आपको मनचाहा ऑफ़र मिल सकता है. वापस पाने के लिए मौजूदा ऑफ़र पोस्ट करें, जगह के लिए मौजूदा localPosts की सूची बनाएं, और फ़िल्टर करें ऑफ़र का कॉन्टेंट ढूंढने के लिए, OFFER में से topicType के लिए इस्तेमाल करना है.

   किसी जगह के लिए चालू स्थानीय पोस्ट की सूची बनाने के अनुरोध का एक उदाहरण यहां दिया गया है:

   https://mybusiness.googleapis.com/v4/accounts/111098884960588804666/locations/15899957830169237700/localPosts

   यहां दिए गए उदाहरण में, OFFER localPost को दिखाया गया है जवाब.

   जवाब का सैंपल देखने के लिए बड़ा करें.

   {
       "localPosts": [
           {
               "name": "accounts/111098884960588804666/locations/15899957830169237700/localPosts/2524928563578730680",
               "languageCode": "en",
               "summary": "Buy One Get One Free on all order-ahead bento boxes today!",
               "state": "LIVE",
               "event": {
                   "title": "Bento BOGO",
                   "schedule": {
                       "startDate": {
                           "year": 2020,
                           "month": 1,
                           "day": 20
                       },
                       "startTime": {},
                       "endDate": {
                           "year": 2021,
                           "month": 1,
                           "day": 21
                       },
                       "endTime": {}
                   }
               },
               "updateTime": "2020-09-11T10:56:22.594Z",
               "createTime": "2020-09-11T10:56:22.594Z",
               "searchUrl": "https://local.google.com/place?id=4156539623820808045&use=posts&lpsid=2524928563578730680",
               "media": [
                   {
                       "name": "accounts/111098884960588804666/locations/15899957830169237700/media/localPosts/AF1QipOBQCIf40SbF_PPJxb_zvfCHmaTbv9Zw02PoYPS",
                       "mediaFormat": "PHOTO",
                       "googleUrl": "https://lh3.googleusercontent.com/p/AF1QipOBQCIf40SbF_PPJxb_zvfCHmaTbv9Zw02PoYPS"
                   }
               ],
               "topicType": "OFFER",
               "offer": {
                   "couponCode": "BOGO-JET-CODE",
                   "redeemOnlineUrl": "https://www.example.com/redeem",
                   "termsConditions": "Offer only valid for order-ahead orders placed online."
               }
           },
       ],
   }
           

4. साइड पैनल में <div> बनाएं और काम के डेटा से उसका डेटा जनरेट करें localPost ऑब्जेक्ट से.

आप अपने मैप के रंग-रूप और उसकी जानकारी को कई तरीकों से बदल सकते हैं. उदाहरण के लिए:

• डिफ़ॉल्ट मैप पिन बदलने के लिए अपने स्वयं के कस्टम मार्कर बनाएं.
• अपने ब्रांड को दर्शाने के लिए मैप की सुविधाओं का रंग बदलें.
• यह कंट्रोल करें कि आपको कौनसी जगहें दिखानी हैं, जैसे कि घूमने-फिरने की जगहें, खान-पान, ठहरने की जगहें वगैरह इसकी मदद से, अपनी जगहों की जानकारी को हाइलाइट किया जा सकता है और लैंडमार्क, जो लोगों को सबसे नज़दीकी जगह पर जाने में मदद करते हैं.

कस्टम मैप मार्कर बनाना

डिफ़ॉल्ट रंग बदलकर, मार्कर को अपनी पसंद के मुताबिक बनाया जा सकता है. इससे यह पता चल सकता है कि कोई स्थान वर्तमान में खुला है) या मार्कर को किसी कस्टम चित्र से बदलना, जैसे कि आपके ब्रैंड का लोगो. जानकारी विंडो या पॉप-अप विंडो से ज़्यादा जानकारी मिल सकती है जैसे, कारोबार के खुले होने का समय, फ़ोन नंबर या फ़ोटो. आप यह भी कर सकते हैं ऐसे कस्टम मार्कर बनाएं जो रास्टर, वेक्टर, खींचने लायक, और यहां तक कि एनिमेटेड भी हों.

नीचे एक नमूना मैप दिया गया है, जिसमें कस्टम मार्कर का इस्तेमाल किया गया है. (सोर्स कोड यहां देखें: Maps JavaScript API कस्टम मार्कर विषय.)

विस्तृत जानकारी के लिए, इसके लिए मार्कर दस्तावेज़ देखें JavaScript (वेब), Android, और iOS.

अपने मैप का लुक तय करना

Google Maps Platform की मदद से अपने मैप को इस तरह से डिज़ाइन किया जा सकता है कि उपयोगकर्ता उसे आसानी से ढूंढ सकें जैसे कि सबसे नज़दीकी जगह, वहां जल्द से जल्द पहुंचें, और अपने ब्रैंड को बढ़ावा देने में आपकी मदद करें. उदाहरण के लिए, अपनी ब्रैंडिंग के हिसाब से मैप का रंग बदला जा सकता है. साथ ही, उपयोगकर्ताओं को दिखने वाली लोकप्रिय जगहों को कंट्रोल करके, मैप पर ध्यान भटकने से रोक सकते हैं. Google Maps Platform एक ऐसा नंबर भी देता है जिसमें से कुछ को अलग-अलग उद्योगों के लिए ऑप्टिमाइज़ किया गया हो. जैसे, मैप स्टार्टर टेंप्लेट. ट्रैवल, लॉजिस्टिक, रीयल एस्टेट, और रीटेल से जुड़े विज्ञापन.

Google Cloud Console में, मैप स्टाइल बनाए जा सकते हैं या उनमें बदलाव किया जा सकता है अपने प्रोजेक्ट में मैप स्टाइल पेज.

मैप की स्टाइल बनाने और स्टाइल करने के ऐनिमेशन देखने के लिए बड़ा करें Cloud Console:

इंडस्ट्री मैप स्टाइल

इस ऐनिमेशन में, पहले से तय की गई इंडस्ट्री के हिसाब से मैप की स्टाइल दिखाई गई है, जिनका इस्तेमाल किया जा सकता है. ये शैलियां प्रत्येक प्रकार के उद्योग के लिए एक इष्टतम प्रारंभ बिंदु प्रदान करती हैं. उदाहरण के लिए, रीटेल मैप स्टाइल, मैप पर लोकप्रिय जगहों को कम करता है, जिससे उपयोगकर्ता आपके कारोबार पर फ़ोकस कर पाते हैं और लैंडमार्क की मदद से, वे तुरंत सबसे नज़दीकी जगह तक पहुंच सकते हैं. हम पूरे भरोसे के साथ कह सकते हैं.

लोकप्रिय जगहों को कंट्रोल करने की सुविधा

यह ऐनिमेशन लोकप्रिय जगहों के लिए मार्कर का रंग सेट करता है और बढ़ोतरी करता है मैप स्टाइल में POI का घनत्व. सघनता जितनी ज़्यादा होगी, उतना ही ज़्यादा मैप पर लोकप्रिय जगह के मार्कर दिखते हैं.

हर मैप स्टाइल का अपना आईडी होता है. Cloud Console में कोई स्टाइल पब्लिश करने के बाद, आप उस मैप आईडी का संदर्भ अपने कोड में देते हैं—इसका मतलब है कि आप मैप की स्टाइल को असल में समय बचाएं. नया रूप यहां अपने आप दिखाई देगा जिसे सभी प्लैटफ़ॉर्म पर इस्तेमाल किया जा सकता है. ये उदाहरण बताते हैं कि का इस्तेमाल करें.

स्क्रिप्ट के यूआरएल में एक या उससे ज़्यादा map_ids शामिल करने पर, Maps JavaScript API, तेज़ मैप के लिए उन स्टाइल को अपने-आप उपलब्ध कराता है रेंडर करने में आसानी होती है.

<script
 src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&map_ids=MAP_IDs&callback=initMap&solution_channel=GMP_guides_locatorplus_v2_a">
</script>

यह कोड, वेब पेज पर स्टाइल वाला मैप दिखाता है. (यह एचटीएमएल कोड नहीं दिखाया गया है <div id="map"></div> एलिमेंट जहां मैप दिखेगा page.)

map = new google.maps.Map(document.getElementById('map'), {
  center: {lat: 51.485925, lng: -0.129500},
  zoom: 12,
  mapId: '1234abcd5678efgh'
});

मैप में क्लाउड-आधारित मैप स्टाइलिंग शामिल करने के बारे में ज़्यादा जानें JavaScript (वेब), Android, और iOS.

आंकड़ों का इस्तेमाल करके, आपको इस बारे में अहम जानकारी मिल सकती है कि उपयोगकर्ता आपके कारोबार से कैसे इंटरैक्ट कर रहे हैं लोकेटर. इस सेक्शन में, Google Analytics को कॉन्फ़िगर करने और उसे मॉनिटर करने के बारे में बताया गया है. Business Profile के आंकड़े, उस डेटा को ट्रैक करने में मदद करते हैं जिसमें आपकी सबसे ज़्यादा दिलचस्पी है. Quick Builder के लिए Locator Plus के उपयोगकर्ता, आंकड़े देखने के डैशबोर्ड का इस्तेमाल करते हैं. इससे, इनसाइट जनरेट करने और उनका विश्लेषण करने में मदद मिलती है. इससे आपको आपकी पहचान ज़ाहिर किए बिना डेटा के आधार पर दिखाया गया है कि आपकी साइट पर आने वाले लोग, आपके स्टोर लोकेटर के साथ कितनी अच्छी तरह से जुड़ रहे हैं.

इस रिपोर्ट को ऐक्सेस करने के लिए, यहां जाएं Cloud Console में यूज़र ऐक्टिविटी की रिपोर्ट वाला सेक्शन है. इस रिपोर्ट के बारे में ज़्यादा जानकारी के लिए, देखें जुड़ाव की रिपोर्ट.

Google Analytics की क्षमता और ज़रूरत के हिसाब से, हम इन सुविधाओं को उपलब्ध कराने की कोशिश नहीं करेंगे सेटअप और इस्तेमाल की पूरी जानकारी. इसके बजाय, हम आपको साथ ही, आंकड़ों से जुड़ी ज़रूरी बातों को हाइलाइट करते हुए आगे पढ़ें और निर्देश दें आपका लोकेटर ऐप्लिकेशन डाउनलोड करें.

Google Analytics सेट अप करना

अगर आप अपने ऐप्लिकेशन के साथ पहले से Google Analytics का इस्तेमाल कर रहे हैं, तो आप इस सेक्शन को छोड़ सकते हैं.

नीचे "ग्लोबल टैग" का एक उदाहरण दिया गया है, जिसे Google को चालू करने के लिए अपनी साइट पर चिपकाएं आंकड़े.

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/
gtag/js?id=G-XR5B5D4NW0"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-XR5B5D4NW0');
</script>

चाहे आप Google Tag Manager का इस्तेमाल कर रहे हों या Google Analytics को सीधे अपनी साइट में जोड़ रहे हों, सबसे ज़रूरी बात यह है कि आपको यह समझना होगा कि Google Analytics की नीतियों का इस्तेमाल करके, ये काम कैसे किए जा सकते हैं:

• उपयोगकर्ता के इंटरैक्शन ट्रिगर करता है, जैसे कि क्लिक, जिन्हें वेबसाइट से अलग मेज़र किया जा सकता है पेज व्यू (इवेंट).
• रॉ डेटा देखें (मेट्रिक) डेटा को अलग-अलग ग्रुप में बांटा जा सकता है (डाइमेंशन या कस्टम डाइमेंशन).

कस्टम इवेंट का इस्तेमाल करना

यहां अपने लोकेटर में कस्टम इवेंट तय करने का एक उदाहरण दिया गया है:

gtag('event', 'location', {
  'method': 'address'
});

अपने event और method को साफ़ तौर पर नाम देना ज़रूरी है रिपोर्टिंग में इवेंट को समझा जा सकता है. उन्हें किसी खास इवेंट वे इंटरैक्शन जिन्हें आपको मेज़र करना है. जैसे, जब कोई उपयोगकर्ता ऑटोकंप्लीट ड्रॉप-डाउन सूची, जो नीचे दी गई इमेज में दिखाई गई है.

इवेंट का इस्तेमाल करने वाले Google Analytics को, नीचे दिया गया ट्रैकिंग कॉल भेजा जा सकता है और का भी इस्तेमाल कर सकते हैं. (पढ़ने में आसानी के लिए, हम हर क्वेरी पैरामीटर को एक अलग लाइन में दिखाएंगे.)

https://www.google-analytics.com/g/collect?v=2
&tid=G-XR5B5D4NW0
>m=2oe550
&_p=64678170
&sr=1920x1200
&ul=fr
&cid=489856786.1598861364
&_s=2
&dl=http%3A%2F%2.storelocator.html
&dt=Store%20Locator
&sid=1620827159
&sct=1
&seg=1
&en=location
&_et=6032
&ep.method=address

यहां दिए गए डायग्राम में दिखाया गया है कि ब्राउज़र के 'जांच करें' में, Google Analytics कॉल किस तरह दिखता है नेटवर्क टैब पर देखें. (बड़ा करने के लिए क्लिक करें).

यह पुष्टि की जा सकती है कि आपके कस्टम इवेंट टैग सही तरीके से कैप्चर किए जा रहे हैं या नहीं. इसके लिए, "रीयल-टाइम में" देखें. उदाहरण के लिए, "स्थान" इवेंट को पहले इसके लिए सेट अप किया गया था Google Analytics में, ऑटोकंप्लीट की सुविधा दिखती है, जैसा कि यहां दिए गए आंकड़ों में दिखाया गया है.

इसके अलावा, आपके पास DebugView का इस्तेमाल करके रीयल-टाइम इवेंट पर नज़र रखने का विकल्प भी है, जैसा कि नीचे दी गई इमेज में दिखाया गया है. ध्यान दें कि आपको जुड़ाव > Google Analytics का इवेंट सेक्शन.

साथ ही, अपने स्टोर में आने वाले लोगों की संख्या बढ़ाने के लिए, आप रणनीतियां बना सकते हैं और उनका आकलन भी कर सकते हैं आपके लोकेटर ऐप्लिकेशन की जगहों की जानकारी. उदाहरण के लिए, Google Analytics में स्टोर विज़िट जो भौतिक लिंक के आधार पर स्टोर विज़िट Analytics (Google Ads की मदद से मेज़र किया गया) आपके लोकेटर ऐनलिटिक्स से जुड़ा होता है. आप चाहें, तो ऐप्लिकेशन-टू-लोकेशन रणनीतियां, जैसे कि ऐसे ऑनलाइन ऑफ़र जिन्हें आपकी जगहों पर रिडीम किया जा सकता है.

Business Profile की मेट्रिक

आपकी रुचि वाले इवेंट, मेट्रिक, और डाइमेंशन को ट्रैक करने के अलावा Google Analytics और Business Profile की अपनी मेट्रिक भी होती हैं. उदाहरण के लिए, अगर आपको अपने लोकेटर में अपॉइंटमेंट बुकिंग और स्थानीय ऑफ़र के लिंक जोड़ने हैं, तो उन व्यू और क्लिक की मेट्रिक पाएं.

Business Profile API को सैंपल के तौर पर, नीचे दिए गए अनुरोध में कई तरह की जानकारी चाहिए होती है मेट्रिक. ऑफ़र पर मिलने वाले क्लिक ट्रैक करने के लिए, LOCAL_POST_VIEWS_SEARCH और LOCAL_POST_ACTIONS_CALL_TO_ACTION मेट्रिक सबसे ज़्यादा काम की होंगी.

POST https://mybusiness.googleapis.com/v4/accounts/111098884960528804666/locations:reportInsights
Body:
{
 "locationNames": [
   "accounts/111098884960528804666/locations/15899957830169237700"
 ],
 "basicRequest": {
         "metricRequests": [
            {
              "metric": "QUERIES_DIRECT"
            },
            {
              "metric": "QUERIES_INDIRECT"
            },
            {
              "metric": "VIEWS_MAPS"
            },
            {
              "metric": "VIEWS_SEARCH"
            },
            {
                "metric": "ACTIONS_DRIVING_DIRECTIONS"
            },
            {
                "metric": "LOCAL_POST_VIEWS_SEARCH"
            },
            {
                "metric": "LOCAL_POST_ACTIONS_CALL_TO_ACTION"
            }
         ],
         "timeRange": {
              "startTime": "2021-01-01T01:01:23.045123456Z",
              "endTime": "2021-04-30T23:59:59.045123456Z"
         }
   }
}

{
   "locationMetrics": [
       {
           "locationName": "accounts/111098884960528804666/locations/15899957830169237700",
           "timeZone": "Asia/Singapore",
           "metricValues": [
               {
                   "metric": "QUERIES_DIRECT",
                   "totalValue": {
                       "metricOption": "AGGREGATED_TOTAL",
                       "timeDimension": {
                           "timeRange": {
                               "startTime": "2021-01-01T01:01:23.045123456Z",
                               "endTime": "2021-04-30T23:59:59.045123456Z"
                           }
                       },
                       "value": "82"
                   }
               },
               {
                   "metric": "QUERIES_INDIRECT",
                   "totalValue": {
                       "metricOption": "AGGREGATED_TOTAL",
                       "timeDimension": {
                           "timeRange": {
                               "startTime": "2021-01-01T01:01:23.045123456Z",
                               "endTime": "2021-04-30T23:59:59.045123456Z"
                           }
                       },
                       "value": "1493"
                   }
               },
               {
                   "metric": "VIEWS_MAPS",
                   "totalValue": {
                       "metricOption": "AGGREGATED_TOTAL",
                       "timeDimension": {
                           "timeRange": {
                               "startTime": "2021-01-01T01:01:23.045123456Z",
                               "endTime": "2021-04-30T23:59:59.045123456Z"
                           }
                       },
                       "value": "1571"
                   }
               },
               {
                   "metric": "VIEWS_SEARCH",
                   "totalValue": {
                       "metricOption": "AGGREGATED_TOTAL",
                       "timeDimension": {
                           "timeRange": {
                               "startTime": "2021-01-01T01:01:23.045123456Z",
                               "endTime": "2021-04-30T23:59:59.045123456Z"
                           }
                       },
                       "value": "631"
                   }
               },
               {
                   "metric": "ACTIONS_DRIVING_DIRECTIONS",
                   "totalValue": {
                       "metricOption": "AGGREGATED_TOTAL",
                       "timeDimension": {
                           "timeRange": {
                               "startTime": "2021-01-01T01:01:23.045123456Z",
                               "endTime": "2021-04-30T23:59:59.045123456Z"
                           }
                       },
                       "value": "3"
                   }
               },
               {
                   "metric": "LOCAL_POST_ACTIONS_CALL_TO_ACTION",
                   "totalValue": {
                       "metricOption": "AGGREGATED_TOTAL",
                       "timeDimension": {
                           "timeRange": {
                               "startTime": "2021-01-01T01:01:23.045123456Z",
                               "endTime": "2021-04-30T23:59:59.045123456Z"
                           }
                       },
                       "value": "42"
                   }
               },
               {
                   "metric": "LOCAL_POST_VIEWS_SEARCH",
                   "totalValue": {
                       "metricOption": "AGGREGATED_TOTAL",
                       "timeDimension": {
                           "timeRange": {
                               "startTime": "2021-01-01T01:01:23.045123456Z",
                               "endTime": "2021-04-30T23:59:59.045123456Z"
                           }
                       },
                       "value": "11"
                   }
               }
           ]
       }
   ]
}

रिस्पॉन्स में ये मेट्रिक शामिल होती हैं, जिनमें सबसे खास तौर पर ये शामिल हैं:

• Google Maps पर किसी जगह को 1571 व्यू मिले
• Google Search पर जगह को 631 व्यू मिले.
• किसी जगह पर पहुंचने के लिए, ड्राइविंग दिशा-निर्देश के लिए तीन अनुरोध.
• 42 LOCAL_POST_ACTIONS_CALL_TO_ACTION प्रॉडक्ट को मिले क्लिक.
• Google Search पर मौजूद स्थानीय पोस्ट को 11 व्यू मिले.

दूसरे मेट्रिक विकल्प में Google से रिज़र्व का इस्तेमाल करना शामिल है, ताकि ऐक्शन लिंक बनाना. जब उपयोगकर्ता, Reserve with Google में बनाए गए कार्रवाई के लिंक पर क्लिक करते हैं, तब आप उन कार्रवाइयों को इकट्ठा करता है, जिनकी मदद से Google Analytics में कन्वर्ज़न ट्रैक किए जा सकते हैं. ज़्यादा जानकारी के लिए, कन्वर्ज़न ट्रैकिंग दस्तावेज़ हमारा वीडियो देखें.

आप चाहे किसी भी मेट्रिक रणनीति का इस्तेमाल कर रहे हों, मेज़रमेंट के लिए सिर्फ़ यह देखना मुश्किल होता है कि आप कैसा परफ़ॉर्म कर रहे हैं केपीआई की मदद से कैसा परफ़ॉर्म कर रहे हैं. इन आंकड़ों से आपको इन लोकेटर के असर को समझने में भी मदद मिलती है आपके कारोबार में सुधार हुए हैं. साथ ही, Google की मेट्रिक की तुलना भी की जा सकती है. Business Profile की मेट्रिक से, आपके लोकेटर पर आंकड़े दिखते हैं. उदाहरण के लिए, तुलना करके इन मेट्रिक से पता चलता है कि आपके लोकेटर से कितने ग्राहकों को रास्ते की जानकारी मिल रही है और फिर आपके भौतिक स्थानों पर जाने के लिए Google Maps.

लोकेटर प्लस को बेहतर बनाया जा रहा है

आपके कारोबार के आधार पर' या उपयोगकर्ताओं का उपयोगकर्ताओं के अनुभव को और बेहतर बनाया जा सकता है.

उपयोगकर्ता किसी जगह पर आसानी से पहुंच सकें, इसके लिए मैसेज या ईमेल करें उन्हें दिशा-निर्देश का लिंक बना सकते हैं. जब वे इस पर क्लिक करेंगे, Google मैप ऐप्लिकेशन उनके डिवाइस पर लॉन्च हो जाएगा फ़ोन, या Maps.google.com अपने डिवाइस के वेब ब्राउज़र में लोड हो जाएगा. ये दोनों तरीके उपयोगकर्ता को मोड़-दर-मोड़ नेविगेशन, इसमें आवाज़ से रास्ता बताने की सुविधा शामिल है.

का उपयोग करें Maps के यूआरएल यूआरएल के तौर पर एन्कोड की गई जगह का नाम, destination पैरामीटर के तौर पर और जगह का आईडी destination_place_id पैरामीटर. लिखने या इस्तेमाल करने के लिए कोई शुल्क नहीं है Maps के यूआरएल, ताकि आपको यूआरएल में एपीआई पासकोड शामिल करने की ज़रूरत न पड़े.

      https://www.google.com/maps/dir/?api=1&destination=Google%20London&destination_place_id=ChIJVSZzVR8FdkgRTyQkxxLQmVU

एक ही पते का इस्तेमाल करके, वैकल्पिक तौर पर origin क्वेरी पैरामीटर दिया जा सकता है फ़ॉर्मैट का इस्तेमाल करें. लेकिन इसे छोड़ने से, निर्देश उपयोगकर्ता के वर्तमान जगह की जानकारी, जो उस जगह से अलग हो सकती है जहां वह व्यक्ति लोकेटर प्लस ऐप्लिकेशन का इस्तेमाल कर रहा था. Maps के यूआरएल क्वेरी पैरामीटर के और विकल्प दें, जैसे कि travelmode और नेविगेशन चालू होने पर दिशा-निर्देश लॉन्च करने के लिए, dir_action=navigate.

यह क्लिक किया जा सकने वाला लिंक, जो ऊपर उदाहरण के तौर पर दिए गए यूआरएल को बड़ा करता है, origin को सेट करता है यह लंदन फ़ुटबॉल स्टेडियम के तौर पर काम करता है. साथ ही, यह सार्वजनिक तौर पर उपलब्ध कराने के लिए travelmode=transit का इस्तेमाल करता है बस, मेट्रो वगैरह के रास्ते के लिए निर्देश दें.

इस यूआरएल वाला टेक्स्ट या ईमेल भेजने के लिए, हमारा सुझाव है कि आप किसी तीसरे पक्ष का इस्तेमाल करें जैसे कि twilio. अगर App Engine का इस्तेमाल किया जा रहा है, तो मैसेज भेजने के लिए तीसरे पक्ष की कंपनियों का इस्तेमाल किया जा सकता है या ईमेल. ज़्यादा जानकारी के लिए, यह देखें तीसरे पक्ष की सेवाओं की मदद से मैसेज भेजना.

दुनिया के कई स्थानों के लिए, Street View का इस्तेमाल किसी जगह की जानकारी मिल जाए, ताकि उपयोगकर्ताओं को वहां पहुंचने से पहले ही उनकी जगह की जानकारी दिख जाए. आपके पास ये सुविधाएं देने का विकल्प है Street View, दोनों में से किसी एक इंटरैक्टिव (वेब) या स्टैटिक (एपीआई) फ़ॉर्म, जो इस बात पर निर्भर करता है कि आप अपने उपयोगकर्ताओं को "आस-पास देखने" देना चाहते हैं या नहीं में क्षेत्र 360 डिग्री. Street View इसके लिए भी उपलब्ध है Android और iOS.

ज़्यादातर मामलों में, उपयोगकर्ता की जगह की जानकारी का पता लगाने के लिए, उनके डिवाइस या ब्राउज़र पर. हम आपको एक उदाहरण के तौर पर, ब्राउज़र की HTML5 भौगोलिक-स्थान सुविधा का उपयोग करके Google मैप पर किसी उपयोगकर्ता या डिवाइस के साथ-साथ, अनुमतियों के अनुरोध से जुड़ा दस्तावेज़ मौजूद हो और इसमें स्थान प्राप्त कर रहा है Android और iOS. हालांकि, कुछ मामलों में ऐसा भी हो सकता है कि आप चाहें, तो स्थान खोजने वाला; उदाहरण के लिए, अगर डिवाइस की जगह की जानकारी वाली सेटिंग बंद है या डिवाइस की जगह की जानकारी के झूठे नाम से मेल भेजने से जुड़ी चिंताएं.

Geolocation API एक सर्वर-साइड एपीआई है, जो जगह और सटीक जानकारी दिखाता है सेल टावर और वाई-फ़ाई नोड की जानकारी के आधार पर खास दायरे पता लगाना. आप पता लगाने के लिए बैकअप प्रणाली के रूप में भौगोलिक-स्थान का उपयोग कर सकते हैं उपयोगकर्ता स्थान या इसका इस्तेमाल करके डिवाइस से रिपोर्ट किए गए स्थान की दोबारा जाँच की जा सकती है.

पिछले जगह की जानकारी उपलब्ध कराना सेक्शन में, हमने स्थान विवरण का उपयोग करके उपयोगकर्ताओं को कारोबार की जगह की जानकारी, जैसे कि कारोबार के खुले होने का समय, फ़ोटो, और समीक्षाएं.

यह समझना ज़रूरी है कि अलग-अलग डेटा की लागत फ़ील्ड, जिन्हें मूलभूत, संपर्क और वातावरण डेटा के रूप में वर्गीकृत किया गया है. अपनी लागतों को मैनेज करने के लिए, आपके पास पहले से मौजूद जानकारी को एक साथ शामिल करने की रणनीति है आपके स्थान Google की ताज़ा जानकारी (आमतौर पर बेसिक और संपर्क डेटा) के साथ मैप जैसे कि कुछ समय के लिए बंद रहने का समय, छुट्टी के दिन कारोबार के खुले होने का समय, और उपयोगकर्ता रेटिंग, फ़ोटो, और समीक्षाएं. अगर आपके पास अपने कारोबार की जगहों की संपर्क जानकारी पहले से है, तो आपको अनुरोध करने की ज़रूरत नहीं पड़ेगी वे फ़ील्ड स्थान विवरण से प्राप्त कर सकते हैं और आपके अनुरोध को केवल बेसिक या आपको जो दिखाना है उसके आधार पर माहौल के डेटा फ़ील्ड.

इसके बजाय, पूरक या इस्तेमाल करने के लिए आपके पास खुद का जगह का डेटा हो सकता है जगह की जानकारी. कॉन्टेंट बनाने कोडलैब के लिए, यहां एक डेटाबेस के साथ GeoJSON का इस्तेमाल करने का उदाहरण दिया गया है का इस्तेमाल करें.