TileMapService Help

I am having trouble getting Tile to work on Cesium.
I have used MapTiler to generate the png files and I thought I edited helloworld correctly but it is empty where the Earth should be and there is a blue glow around where the earth should be.

The folder that was created by MapTiler is called images and the location is

This is the code I came up with can anyone tell me what I have done wrong.

<!DOCTYPE html>
<html lang="en">
  <!-- Use correct character set. -->
  <meta charset="utf-8">
  <!-- Tell IE to use the latest, best version (or Chrome Frame if pre-IE11). -->
  <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
  <!-- Make the application on mobile take up the full browser screen and disable user scaling. -->
  <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
  <title>Hello World!</title>
  <script src="Cesium/Cesium.js"></script>
      @import url(Cesium/Widgets/widgets.css);

      #cesiumContainer {
          position: absolute;
          top: 0;
          left: 0;
          height: 100%;
          width: 100%;
          margin: 0;
          overflow: hidden;
          padding: 0;
          font-family: sans-serif;

      body {
          padding: 0;
          margin: 0;
          overflow: hidden;
  <div id="cesiumContainer"></div>
    // TileMapService tile provider
  var widget = new Cesium.CesiumWidget('cesiumContainer', {
    imageryProvider : new Cesium.TileMapServiceImageryProvider({
     url : 'file:///C:/ms4w/Apache/htdocs/images',
     fileExtension: 'png',
     maximumLevel: 4})

file:// urls won’t work, due to cross-origin restrictions in web browsers. You need to host your imagery, HTML, and JS on an HTTP server.


Thanks for your help, I did have it hosted but forgot to change the url for some reason.

Thank you for all your help,
Sergio E. Delgado