ImgPath

{String} Set this to the path where control images are stored, a path given here must end with a slash.  If set to ‘’ (which is the default) ALKMaps will use its script location + “img/”.

You will need to set this property when you have a singlefile build of ALKMaps that either is not named “ALKMaps.js” or if you move the file in a way such that the image directory cannot be derived from the script location.

If your custom ALKMaps build is named “my-custom-ol.js” and the images of ALKMaps are in a folder “/resources/external/images/ol” a correct way of including ALKMaps in your HTML would be:

<script src="/path/to/my-custom-ol.js" type="text/javascript"></script>
<script type="text/javascript">
   // tell ALKMaps where the control images are
   // remember the trailing slash
   ALKMaps.ImgPath = "/resources/external/images/ol/";
</script>

Please remember that when your ALKMaps script is not named “ALKMaps.js” you will have to make sure that the default theme is loaded into the page by including an appropriate <link>-tag, e.g.:

<link rel="stylesheet" href="/path/to/default/style.css"  type="text/css">
Close