How do I implement a clickable JavaScript map? I've found a great clickable map over at code canyon which includes all the JavaScript, CSS, and XML to make it happen. A demo of the map can be viewed here.

I figure the best way to accomplish this would be to create a custom module and load the JavaScript, XML, and CSS files via the .info file.

The code to display the map is a simple html statement or two that could be placed on a basic page. 

&lt;div id="container"&gt;

    &lt;div class="mapWrapper"&gt;
            &lt;div id="map"&gt;&lt;/div&gt;
            &lt;div id="text"&gt;&lt;/div&gt;
    &lt;/div&gt;

&lt;/div&gt;


Would it be better to create a page template specific to the node?
How does one load the CSS and JavaScript from the module to the page?
You can use drupal_add_js() and drupal_add_css() in the menu call back function to add js and css files on the specific page.

Adding in the .info file would add js and css on all the pages.

You can also use hook_library() to define the library of js files and its dependancy with jquery or core js files.