車両制限を表示および適用する

const platform = new H.service.Platform({
  apikey: "YOUR API KEY",
});

const defaultLayers = platform.createDefaultLayers();

// Instantiate and display a map
const map = new H.Map(
  document.getElementById("map"),
  defaultLayers.vector.normal.logistics,
  {
    zoom: 7,
    center: { lat: 51.509865, lng: -0.118092 }
  }
);

// ... rest of the application

const style = map.getBaseLayer().getProvider().getStyle();
const enabledFeatures = style.getEnabledFeatures();
enabledFeatures.push({ feature: 'vehicle restrictions', mode: 'active & inactive'});
style.setEnabledFeatures(enabledFeatures);

const truckSpecs = {
  vehicleType: H.service.omv.Provider.IVehicleSpecs.VehicleType.TRUCK
  //Add other relevant attributes as necessary
};

map.getBaseLayer().getProvider().setVehicleSpecs(truckSpecs);

// Center the map at a location with a gross weight restriction
map.getViewModel().setLookAtData({
  zoom: 18,
  position: { lat: 51.51032, lng: -0.00125 }
});

const truckSpecs = {
  vehicleType: H.service.omv.Provider.IVehicleSpecs.VehicleType.TRUCK,
  grossWeightInKilograms: 32000
};

map.getBaseLayer().getProvider().setVehicleSpecs(truckSpecs);

// Center the map at a location with a height restriction
map.getViewModel().setLookAtData({
  zoom: 19.8,
  position: { lat: 51.51235, lng: -0.00872 }
});

const truckSpecs = {
  vehicleType: H.service.omv.Provider.IVehicleSpecs.VehicleType.TRUCK,
  heightInCentimeters: 410
};

map.getBaseLayer().getProvider().setVehicleSpecs(truckSpecs);

// Center the map at a location with a length restriction
map.getViewModel().setLookAtData({
  zoom: 17,
  position: {lat: 45.5297, lng: -122.6659}
});

const truckSpecs = {
  vehicleType: H.service.omv.Provider.IVehicleSpecs.VehicleType.TRUCK,
  lengthInCentimeters: 1800
};

map.getBaseLayer().getProvider().setVehicleSpecs(truckSpecs);

// Center the map at a location with a width restriction
map.getViewModel().setLookAtData({
  zoom: 18.35,
  position: {lat: 55.87311, lng: -4.3290}
});

const truckSpecs = {
  vehicleType: H.service.omv.Provider.IVehicleSpecs.VehicleType.TRUCK,
  widthInCentimeters: 280
};

map.getBaseLayer().getProvider().setVehicleSpecs(truckSpecs);

// Center the map at a location with a trailer restriction
map.getViewModel().setLookAtData({
  zoom: 16.6,
  position: {lat: 40.8602, lng: -73.9626}
});

const truckSpecs = {
  vehicleType: H.service.omv.Provider.IVehicleSpecs.VehicleType.TRUCK,
  trailerCount: 1
};

map.getBaseLayer().getProvider().setVehicleSpecs(truckSpecs);

// Center the map at a location with a truck type restriction
map.getViewModel().setLookAtData({
  zoom: 17.7,
  position: {lat: 41.3706, lng: -81.8233}
});

const truckSpecs = {
  vehicleType: H.service.omv.Provider.IVehicleSpecs.VehicleType.TRUCK,
  truckType: H.service.omv.Provider.ITruckSpecs.TruckType.TRACTOR
};

map.getBaseLayer().getProvider().setVehicleSpecs(truckSpecs);

// Center the map at a location with a truck type restriction
map.getViewModel().setLookAtData({
  zoom: 17.7,
  position: {lat: 41.3706, lng: -81.8233}
});

const truckSpecs = {
  vehicleType: H.service.omv.Provider.IVehicleSpecs.VehicleType.TRUCK,
  truckType: H.service.omv.Provider.ITruckSpecs.TruckType.STRAIGHT
};

map.getBaseLayer().getProvider().setVehicleSpecs(truckSpecs);

// Center the map at a location with a hazardous material restriction (flammable and explosive)
map.getViewModel().setLookAtData({
  zoom: 19.3,
  position: { lat: 37.7856, lng: -122.3915 }
});

const truckSpecs = {
  vehicleType: H.service.omv.Provider.IVehicleSpecs.VehicleType.TRUCK,
  hazardousMaterial:
    H.service.omv.Provider.ITruckSpecs.HazardousMaterial.FLAMMABLE |
    H.service.omv.Provider.ITruckSpecs.HazardousMaterial.EXPLOSIVE
};

map.getBaseLayer().getProvider().setVehicleSpecs(truckSpecs);

// Center the map at a location with a tunnel category B restriction
map.getViewModel().setLookAtData({
  zoom: 17.35,
  position: {lat: 59.34390, lng: 18.0203}
});

const truckSpecs = {
  vehicleType: H.service.omv.Provider.IVehicleSpecs.VehicleType.TRUCK,
  tunnelCategory: H.service.omv.Provider.ITruckSpecs.TunnelCategory.B
};

map.getBaseLayer().getProvider().setVehicleSpecs(truckSpecs);

// Center the map at a location with a tunnel category B restriction
map.getViewModel().setLookAtData({
  zoom: 17.35,
  position: {lat: 59.34390, lng: 18.0203}
});

const truckSpecs = {
  vehicleType: H.service.omv.Provider.IVehicleSpecs.VehicleType.TRUCK,
  tunnelCategory: H.service.omv.Provider.ITruckSpecs.TunnelCategory.E
};

map.getBaseLayer().getProvider().setVehicleSpecs(truckSpecs);

// Center the map at a location with a kingpin-to-rear-axle restriction
map.getViewModel().setLookAtData({
  zoom: 15,
  position: {lat: 37.5993, lng: -121.9485}
});

const truckSpecs = {
  vehicleType: H.service.omv.Provider.IVehicleSpecs.VehicleType.TRUCK,
  kpraInCentimeters: 1250
};

map.getBaseLayer().getProvider().setVehicleSpecs(truckSpecs);

// Center the map at a location with an axle count restriction
map.getViewModel().setLookAtData({
  position: { lat: 45.46224, lng: -122.63013 },
  zoom: 18
});

const truckSpecs = {
  vehicleType: H.service.omv.Provider.IVehicleSpecs.VehicleType.TRUCK,
  axleCount: 3
};

map.getBaseLayer().getProvider().setVehicleSpecs(truckSpecs);

// Center the map at a location with a weight and axle count restriction
map.getViewModel().setLookAtData({
  position: { lat: 45.4628, lng: -122.6300 },
  zoom: 21
});

const truckSpecs = {
  vehicleType: H.service.omv.Provider.IVehicleSpecs.VehicleType.TRUCK,
  grossWeightInKilograms: 22000,
  axleCount: 3
};

map.getBaseLayer().getProvider().setVehicleSpecs(truckSpecs);

// Center the map at a location with a per-axle weight restriction
map.getViewModel().setLookAtData({
  position: { lat: 64.0834, lng: -21.8334 },
  zoom: 16
});

const truckSpecs = {
  vehicleType: H.service.omv.Provider.IVehicleSpecs.VehicleType.TRUCK,
  weightPerAxleInKilograms: 6000
};

map.getBaseLayer().getProvider().setVehicleSpecs(truckSpecs);

// Center the map at a location with axle group restrictions
map.getViewModel().setLookAtData({
  position: { lat: -37.0440, lng: 148.8152 },
  zoom: 18.9
});

const truckSpecs = {
  vehicleType: H.service.omv.Provider.IVehicleSpecs.VehicleType.TRUCK,
  weightPerAxleGroup: {
    tripleAxleGroupInKilograms: 21000,
  }
};

map.getBaseLayer().getProvider().setVehicleSpecs(truckSpecs);

// Center the map at a location with a prohibited axle group restriction
map.getViewModel().setLookAtData({
  position: { lat: 30.4447, lng: -84.28 },
  zoom: 15
});

const truckSpecs = {
  vehicleType: H.service.omv.Provider.IVehicleSpecs.VehicleType.TRUCK,
  weightPerAxleGroup: {
    tandemAxleGroupInKilograms: 1,
  }
};

map.getBaseLayer().getProvider().setVehicleSpecs(truckSpecs);

// Center the map at a location with truck preferred roads
map.getViewModel().setLookAtData({
  position: {lat: 49.4944, lng: 8.5268},
  zoom: 13.42
});

const truckSpecs = {
  vehicleType: H.service.omv.Provider.IVehicleSpecs.VehicleType.TRUCK,
  preferredTruckRouteTypes: [16]
};

map.getBaseLayer().getProvider().setVehicleSpecs(truckSpecs)

// Center the map at a location with multiple vehicle restrictions
map.getViewModel().setLookAtData({
  position: {lat: 59.3310, lng: 18.0191},
  zoom: 15.82
});
const truckSpecs = {
  vehicleType: H.service.omv.Provider.IVehicleSpecs.VehicleType.TRUCK,
  grossWeightInKilograms: 8000,
  lengthInCentimeters: 600,
  heightInCentimeters: 400
};

map.getBaseLayer().getProvider().setVehicleSpecs(truckSpecs)

// Center the map in London
map.getViewModel().setLookAtData({
  zoom: 13,
  position: { lat: 51.5, lng: 0 }
});

// Set the time to August 13, 2025 at 10:00 AM in London
map.getBaseLayer().getProvider().setTimeRestriction("2025-08-13T10:00");
// Alternatively, a range can be specified
// map.getBaseLayer().getProvider().setTimeRestriction(["2025-08-13T10:00", "2025-08-13T12:00"]);