Haritanın stilini ayarlama

Bu belgede, haritanın görünümünü ve tarzını nasıl özelleştireceğiniz, veri görünürlüğünü ve görünüm alanı seçeneklerini nasıl kontrol edeceğiniz açıklanmaktadır. Bu işlemi aşağıdaki yöntemlerle yapabilirsiniz:

  • Bulut tabanlı harita stilini kullanma
  • Harita stili seçeneklerini doğrudan kendi kodunuzda ayarlama

Bulut tabanlı harita stilleriyle haritaya stil uygulama

JavaScript tüketici seyahati paylaşım haritanıza bir harita stili uygulamak için JourneySharingMapView oluştururken bir mapId ve diğer mapOptions'ı belirtin.

Aşağıdaki örneklerde, harita kimliğiyle harita stilinin nasıl uygulanacağı gösterilmektedir.

JavaScript

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

TypeScript

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

Haritaları doğrudan kendi kodunuzda stilize etme

JourneySharingMapView oluştururken harita seçeneklerini belirleyerek harita stilini de özelleştirebilirsiniz. Aşağıdaki örneklerde, harita seçenekleri kullanılarak haritanın nasıl stilize edileceği gösterilmektedir. Hangi harita seçeneklerini ayarlayabileceğiniz hakkında daha fazla bilgi için Google Maps JavaScript API referansındaki mapOptions bölümüne bakın.

JavaScript

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

TypeScript

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

Görev verilerinin SDK'ya görünürlüğünü kontrol etme

Görünürlük kurallarını kullanarak haritadaki belirli görev nesnelerinin görünürlüğünü kontrol edebilirsiniz.

Görev verilerinin varsayılan görünürlüğü

Varsayılan olarak, bir araca atanan görevlerin verileri araç, görevden 5 durak uzaktayken görünür. Görünürlük, görev tamamlandığında veya iptal edildiğinde sona erer.

Bu tabloda, her görev türü için varsayılan görünürlük gösterilmektedir. Birçok görevin görünürlüğünü özelleştirebilirsiniz ancak tüm görevlerin görünürlüğünü özelleştiremezsiniz. Görev türleri hakkında daha fazla bilgi için Planlanmış görevler kılavuzundaki Görev türleri bölümüne bakın.

Görev türü Varsayılan görünürlük Özelleştirilebilir mi? Açıklama
Müsaitlik durumu görevleri Görünmez Hayır Sürücü molaları ve yakıt ikmali için kullanılır. Bir teslimat görevine giden rotada başka bir araç durağı da varsa ve bu durakta yalnızca müsait olmama görevleri varsa bu durak gösterilmez. Teslimat görevinin kendisi için tahmini varış zamanı ve tahmini görev tamamlama süresi gösterilmeye devam eder.
Araç görevlerini açma Gösteriliyor Evet Görünürlük, görev tamamlandığında veya iptal edildiğinde sona erer. Açık araç görevlerinin görünürlüğünü özelleştirebilirsiniz. Açık araç görevlerinin görünürlüğünü özelleştirme başlıklı makaleyi inceleyin.
Kapalı araç görevleri Görünmez Hayır Kapatılan araç görevlerinin görünürlüğünü özelleştiremezsiniz.

Açık araç görevlerinin görünürlüğünü özelleştirme

TaskTrackingInfo arayüzü, Consumer SDK ile görünür hale getirilebilecek bir dizi görev verisi öğesi sağlar.

Özelleştirilebilir görev verisi öğeleri

Rota çoklu çizgileri

Tahmini varış zamanı

Tahmini görev tamamlanma süresi

Görevin bulunduğu yere kalan sürüş mesafesi

Kalan durak sayısı

Araç konumu

Görev başına görünürlük seçenekleri

Fleet Engine'de bir görev oluştururken veya güncellerken TaskTrackingViewConfig simgesini ayarlayarak görünürlük yapılandırmasını görev bazında özelleştirebilirsiniz. Bir görev öğesinin görünürlüğünü belirlemek için ölçüt oluşturmak üzere aşağıdaki görünürlük seçeneklerini kullanın:

Görünürlük seçenekleri

Kalan durak sayısı

Tahmini varış saatine kadar geçen süre

Kalan sürüş mesafesi

Her zaman görünür

Asla görünmez

Örnek olarak, bir özelleştirmenin aşağıdaki tabloda gösterilen ölçütleri kullanarak üç veri öğesinin görünürlüğünü ayarladığını varsayalım. Diğer tüm öğeler varsayılan görünürlük kurallarına uyar.

Ayarlanacak veri öğesi Görünürlük Ölçüt
Rota çoklu çizgisi Göster Araç 3 durak mesafede olmalıdır.
TVS Göster Kalan sürüş mesafesi 5.000 metreden kısadır.
Kalan durak sayısı Hiçbir zaman gösterme Araç 3 durak mesafede olmalıdır.

Aşağıdaki örnekte bu yapılandırma gösterilmektedir:

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

Rota çoklu çizgileri ve araç konumu görünürlüğü kuralları

Rota çoklu çizgileri, araç konumu da görünür olmadığı sürece görünür olamaz. Aksi takdirde, araç konumu çoklu çizginin sonundan çıkarılabilir.

Bu kurallar, rota poliline ve araç konumu görünürlüğü seçenekleri için geçerli bir kombinasyon sağlamanıza yardımcı olur.

Aynı görünürlük seçenekleri Görünürlük ölçütü Yönerge
Rota çoklu çizgi seçenekleri her zaman görünür olarak ayarlanır. Araç konumunu her zaman görünür olarak ayarlayın.
Araç konumu hiçbir zaman görünür olmayacak şekilde ayarlanmış. Rota çoklu çizgilerini hiçbir zaman görünür olmayacak şekilde ayarlayın.
Görünürlük seçeneği şunlardan biri olmalıdır:
  • kalan durak sayısı
  • tahmini varış zamanına kadar olan süre
  • kalan sürüş mesafesi

Rota çoklu çizgi seçeneklerini, araç konumu için ayarlanan değere eşit veya bu değerden küçük bir değere ayarlayın. Örneğin:

    "taskTrackingViewConfig": {
      "routePolylinePointsVisibility": {
        "remainingStopCountThreshold": 3
      },
      "vehicleLocationVisibility": {
        "remainingStopCountThreshold": 5
      },
    }
Farklı görünürlük seçenekleri Görünürlük ölçütleri Yönerge
Araç konumu görünür

Bu durum yalnızca araç konumu ve çoklu çizgi görünürlüğü seçeneklerinin ikisi de karşılandığında gerçekleşir. Örneğin:

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

Bu örnekte, araç konumu yalnızca kalan durak sayısı en az 3 VE kalan sürüş mesafesi en az 3.000 metre olduğunda görünür.

Otomatik sığdırmayı devre dışı bırakma

Otomatik sığdırma özelliğini devre dışı bırakarak haritanın, görünüm alanını araca ve tahmini rotaya otomatik olarak sığdırmasını durdurabilirsiniz. Aşağıdaki örnekte, yolculuk paylaşımı harita görünümünü yapılandırırken otomatik sığdırmanın nasıl devre dışı bırakılacağı gösterilmektedir.

JavaScript

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

TypeScript

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

Sırada ne var?