Putting a Muckety map on your web site or blog is quite is easy.

Below is a sample map and the “Put this map on your blog” box that appears below most of the maps on Muckety. Click inside the box and the text should automatically highlight. If it doesn’t then click in the box and choose Edit > Select All from your browser’s menu or just type Ctrl + A.

Once you have copied the code for the map you can save it in a text file, or go straight to your blog or web site and paste the code where you want it to go.

This is a sample of what the code will look like:

<script language=”javascript” type=”text/javascript”> muckMapWidth=”500″; muckMapHeight=”500″; muckMapCtx=”http://www.muckety.com/Java”; muckMapProps={center:”25808″,autoGroup:”7,7″}; </script>
<script language=”javascript” type=”text/javascript” src=”http://www.muckety.com/js/relation-map.js”></script>


Changing the numbers for muckMapWidth and muckMapHeight will change the size of the map on your website or blog. These can be expressed as a number or as a percent. The example above expresses the size in the number of pixels wide and high.

If you wanted to use a combination of percentages and pixels, it might look like this:


<script language=”javascript” type=”text/javascript”> muckMapWidth=”80%”; muckMapHeight=”500″; muckMapCtx=”http://www.muckety.com/Java”; muckMapProps={center:”25808″,autoGroup:”7,7″}; </script>
<script language=”javascript” type=”text/javascript” src=”http://www.muckety.com/js/relation-map.js”></script>


Sometimes items in the map get grouped and you want them to all be expanded. You can accomplish this by changing this part of the code:

autoGroup:"7,7"

Set the autoGroup attribute to 0 to expand all grouped items.

autoGroup:"0"

If you have any questions or problems please use the comments section below and we’ll make every effort to help you out.

Thanks.