मैप को शैली में ढालें

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

  • क्लाउड पर मैप की स्टाइलिंग की सुविधाओं का इस्तेमाल करना
  • मैप स्टाइल के विकल्पों को सीधे अपने कोड में सेट करना

क्लाउड पर मैप की स्टाइलिंग की सुविधाओं का इस्तेमाल करके, मैप की स्टाइल तय करना

JavaScript के ज़रिए, उपभोक्ता की यात्रा की जानकारी शेयर करने वाले मैप पर मैप स्टाइल लागू करने के लिए, JourneySharingMapView बनाते समय mapId और कोई भी अन्य mapOptions तय करें.

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

JavaScriptTypeScript

const mapView = new google.maps.journeySharing.JourneySharingMapView({
  element: document.getElementById('map_canvas'),
  locationProviders: [locationProvider],
  mapOptions: {
    mapId: 'YOUR_MAP_ID'
  }
  // Any other styling options.
});


const mapView = new google.maps.journeySharing.JourneySharingMapView({
  element: document.getElementById('map_canvas'),
  locationProviders: [locationProvider],
  mapOptions: {
    mapId: 'YOUR_MAP_ID'
  }
  // Any other styling options.
});

सीधे अपने कोड में मैप को स्टाइल करना

JourneySharingMapView बनाते समय, मैप के विकल्प सेट करके भी मैप की स्टाइल को पसंद के मुताबिक बनाया जा सकता है. यहां दिए गए उदाहरणों में, मैप के विकल्पों का इस्तेमाल करके मैप को स्टाइल करने का तरीका बताया गया है. मैप के कौनसे विकल्प सेट किए जा सकते हैं, इस बारे में ज़्यादा जानने के लिए, Google Maps JavaScript API के रेफ़रंस में mapOptions देखें.

JavaScriptTypeScript

const mapView = new google.maps.journeySharing.JourneySharingMapView({
  element: document.getElementById('map_canvas'),
  locationProviders: [locationProvider],
  mapOptions: {
    styles: [
      {
        "featureType": "road.arterial",
        "elementType": "geometry",
        "stylers": [
          { "color": "#CCFFFF" }
        ]
      }
    ]
  }
});


const mapView = new google.maps.journeySharing.JourneySharingMapView({
  element: document.getElementById('map_canvas'),
  locationProviders: [locationProvider],
  mapOptions: {
    styles: [
      {
        "featureType": "road.arterial",
        "elementType": "geometry",
        "stylers": [
          { "color": "#CCFFFF" }
        ]
      }
    ]
  }
});

यह कंट्रोल करना कि टास्क का डेटा, SDK टूल को दिखे या नहीं

मैप पर कुछ टास्क ऑब्जेक्ट दिखने के नियमों का इस्तेमाल करके, यह कंट्रोल किया जा सकता है कि वे मैप पर दिखें या नहीं.

टास्क का डेटा डिफ़ॉल्ट रूप से किसको दिखे

डिफ़ॉल्ट रूप से, किसी वाहन को असाइन किए गए टास्क का डेटा तब दिखता है, जब वाहन टास्क के पांच स्टॉप के अंदर हो. टास्क पूरा होने या रद्द होने पर, वह दूसरों को नहीं दिखता.

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

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

वाहन से जुड़े पूरे नहीं किए गए टास्क को अपनी पसंद के मुताबिक दिखाना

TaskTrackingInfo इंटरफ़ेस में, टास्क के कई डेटा एलिमेंट होते हैं. इन्हें Consumer SDK टूल की मदद से दिखाया जा सकता है.

पसंद के मुताबिक बनाए जा सकने वाले टास्क डेटा एलिमेंट

रास्ते की पॉलीलाइन

पहुंचने का अनुमानित समय

टास्क पूरा होने में लगने वाला अनुमानित समय

टास्क की जगह तक ड्राइव करने में बाकी दूरी

बाकी बचे स्टॉप की संख्या

वाहन की जगह

हर टास्क के लिए, टास्क की स्थिति देखने के विकल्प

Fleet Engine में टास्क बनाते या अपडेट करते समय, TaskTrackingViewConfig सेट करके, हर टास्क के हिसाब से दिखने की सेटिंग को पसंद के मुताबिक बनाया जा सकता है. टास्क एलिमेंट की विज़िबिलिटी तय करने के लिए, विज़िबिलिटी के इन विकल्पों का इस्तेमाल करें:

प्रॉडक्ट दिखाने के विकल्प

बाकी बचे स्टॉप की संख्या

पहुंचने के अनुमानित समय तक का समय

ड्राइविंग की बाकी दूरी

मैसेज हमेशा दिखता है

कभी नहीं दिखता

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

जिस डेटा एलिमेंट में बदलाव करना है किसको दिखे मानदंड
रूट की पॉलीलाइन दिखाएं वाहन तीन स्टॉप के अंदर हो.
ईटीए दिखाएं ड्राइविंग की बाकी दूरी 5,000 मीटर से कम हो.
बाकी बचे स्टॉप की संख्या कभी न दिखाएं वाहन तीन स्टॉप के अंदर हो.

इस कॉन्फ़िगरेशन को इस उदाहरण में दिखाया गया है:

"taskTrackingViewConfig": {
  "routePolylinePointsVisibility": {
    "remainingStopCountThreshold": 3
  },
  "estimatedArrivalTimeVisibility": {
    "remainingDrivingDistanceMetersThreshold": 5000
  },
  "remainingStopCountVisibility": {
    "never": true
  }
}

रास्ते की पॉलीलाइन और वाहन की जगह की जानकारी दिखने के नियम

रास्ते के पॉलीलाइन तब तक नहीं दिख सकते, जब तक वाहन की जगह भी दिख रही हो. ऐसा न होने पर, पॉलीलाइन के आखिर में वाहन की जगह का अनुमान लगाया जा सकता है.

इन दिशा-निर्देशों की मदद से, रास्ते की पॉलीलाइन और वाहन की जगह की जानकारी दिखाने के विकल्पों के लिए मान्य कॉम्बिनेशन दिया जा सकता है.

प्रॉडक्ट की जानकारी दिखाने के विकल्प प्रॉडक्ट दिखने की शर्त दिशा-निर्देश
रास्ते के पॉलीलाइन के विकल्प, हमेशा दिखने के लिए सेट किए गए हैं. गाड़ी की जगह की जानकारी को हमेशा दिखने के लिए सेट करें.
गाड़ी की जगह की जानकारी 'कभी नहीं दिखे' पर सेट हो. रास्ते के पॉलीलाइन को 'कभी नहीं दिखें' पर सेट करें.
'किसको दिखे' सेटिंग के ये विकल्प हैं:
  • बाकी स्टॉप की संख्या
  • ईटीए तक का समय
  • ड्राइविंग की बाकी दूरी

रास्ते के पॉलीलाइन विकल्पों को, वाहन की जगह के लिए सेट की गई वैल्यू से कम या उसके बराबर पर सेट करें. उदाहरण के लिए:

    "taskTrackingViewConfig": {
      "routePolylinePointsVisibility": {
        "remainingStopCountThreshold": 3
      },
      "vehicleLocationVisibility": {
        "remainingStopCountThreshold": 5
      },
    }
'किसको दिखे' सेटिंग के अलग-अलग विकल्प प्रॉडक्ट के दिखने की शर्तें दिशा-निर्देश
गाड़ी की जगह की जानकारी दिख रही हो

ऐसा सिर्फ़ तब होता है, जब वाहन की जगह की जानकारी और पॉलीलाइन दिखने के विकल्प दोनों चालू हों. उदाहरण के लिए:

  "taskTrackingViewConfig": {
    "routePolylinePointsVisibility": {
      "remainingStopCountThreshold": 3
    },
    "vehicleLocationVisibility": {
      "remainingDrivingDistanceMetersThreshold": 3000
    },
  }

इस उदाहरण में, वाहन की जगह सिर्फ़ तब दिखती है, जब बचे हुए स्टॉप की संख्या कम से कम तीन हो और बचे हुए सफ़र की दूरी कम से कम 3,000 मीटर हो.

अपने-आप फ़िट होने की सुविधा बंद करना

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

JavaScriptTypeScript
const mapView = new
    google.maps.journeySharing.JourneySharingMapView({
  element: document.getElementById('map_canvas'),
  locationProviders: [locationProvider],
  automaticViewportMode:
      google.maps.journeySharing
          .AutomaticViewportMode.NONE,
  ...
});

const mapView = new
    google.maps.journeySharing.JourneySharingMapView({
  element: document.getElementById('map_canvas'),
  locationProviders: [locationProvider],
  automaticViewportMode:
      google.maps.journeySharing
          .AutomaticViewportMode.NONE,
  ...
});

आगे क्या करना है