Current Esri Ocean Map is broken

I have used hook_leaflet_map_info_alter to change this to my use case.
Something like this:

function MYMODULE_leaflet_map_info_alter(array &$map_info) {
  // Use headless protocol rather than logic based on global $is_https;
  $prot = '//';
  $zyx = '{z}/{y}/{x}.png';
  $attr_esri = 'Tiles &copy; <a href="https://esri.com">Esri</a>';

  $esri_names = [
    'Ocean/World Ocean Base',
    'Ocean/World Ocean Reference',
  ];
  foreach ($esri_names as $esri_name) {
    $code = str_replace(' ', '_', $esri_name);
    $url_template = $prot . "server.arcgisonline.com/ArcGIS/rest/services/$code/MapServer/tile/$zyx";
    switch ($esri_name) {
      case 'Ocean/World Ocean Base':
        $label = 'New Esri Ocean (zoom 0..10)';
        $settings['maxZoom'] = 10;
        break;

        case 'Ocean/World Ocean Reference':
        $label = 'New Esri Ocean Reference (zoom 0..10)';
        $settings['maxZoom'] = 10;
        break;
    }
    $map_info['esri-' . mb_strtolower($code)] = [
      'label' => $label,
      'description' => $label,
      'settings' => $settings,
      'layers' => [
        'layer' => [
          'urlTemplate' => $url_template,
          'options' => ['attribution' => $attr_esri],
        ],
      ],
    ];
  }
}