# TileMapService Help

**URL:** <https://community.cesium.com/t/tilemapservice-help/1182>\
**Category:** CesiumJS\
**Created:** [May 1, 2014, 8:49pm UTC](https://community.cesium.com/t/tilemapservice-help/1182 "2014-05-01T20:49:15Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![sdelgado3982](https://avatars.discourse-cdn.com/v4/letter/s/e0b2c6/32.png) [@sdelgado3982](https://community.cesium.com/u/sdelgado3982)\
**Post date:** [May 1, 2014, 8:49pm UTC](https://community.cesium.com/t/tilemapservice-help/1182/1 "2014-05-01T20:49:15Z")

</div>

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  
C:/ms4w/Apache/htdocs/images

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

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

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

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

---

<div class="post-metadata">

**Author:** ![Scott\_Hunter](https://sea2.discourse-cdn.com/cesium/user_avatar/community.cesium.com/scott_hunter/32/2006_2.png) [@Scott\_Hunter](https://community.cesium.com/u/Scott_Hunter)\
**Post date:** [May 2, 2014, 1:43am UTC](https://community.cesium.com/t/tilemapservice-help/1182/2 "2014-05-02T01:43:56Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![sdelgado3982](https://avatars.discourse-cdn.com/v4/letter/s/e0b2c6/32.png) [@sdelgado3982](https://community.cesium.com/u/sdelgado3982)\
**Post date:** [May 2, 2014, 1:32pm UTC](https://community.cesium.com/t/tilemapservice-help/1182/3 "2014-05-02T13:32:56Z")

</div>

Scott,

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