Title: Implementing Javascript Map in a Page
Last modified: August 19, 2016

---

# Implementing Javascript Map in a Page

 *  [ArtBookAddicts](https://wordpress.org/support/users/artbookaddicts/)
 * (@artbookaddicts)
 * [15 years, 4 months ago](https://wordpress.org/support/topic/implementing-javascript-map-in-a-page/)
 * Hi guys, i bought a javascript USA map to use on one of my WP websites, but can’t
   get it to work…
 * This is how the map should look like:
    [http://artbookaddicts.com/NCPics/usamap1.png](http://artbookaddicts.com/NCPics/usamap1.png)
 * And here’s an overview of the included files:
    [http://artbookaddicts.com/NCPics/usamap2.png](http://artbookaddicts.com/NCPics/usamap2.png)
 * I want to implement the map on a wordpress page, but something goes wrong, here’s
   how i tried to do it:
    Upload the css file and the javascript file to my wordpress
   directory with FileZilla Change the location of the above 2 files in the index.
   html code Copy the edited index.html code into a new wordpress page (note that
   i paste this in the HTML view, not the visual view)
 * When i go to the newly created page, the code is visible and the map is not showing(
   only the borders of where it should be are visible) … not exactly what i’m trying
   to achieve…
 * I assume the problem is that you can only put html in the Page HTML box, and 
   as far as my coding knowledge goes, there’s some css in it too. Is there a way
   to put the index.html file in the theme directory and bring it up on a page with
   a HTML shortcode?
 * Any help would be very much appreciated. I can post the code if you want, just
   ask…

Viewing 5 replies - 1 through 5 (of 5 total)

 *  [esmi](https://wordpress.org/support/users/esmi/)
 * (@esmi)
 * [15 years, 4 months ago](https://wordpress.org/support/topic/implementing-javascript-map-in-a-page/#post-1894574)
 * [http://codex.wordpress.org/Using_Javascript](http://codex.wordpress.org/Using_Javascript)
   
   [http://codex.wordpress.org/Function_Reference/wp_enqueue_script](http://codex.wordpress.org/Function_Reference/wp_enqueue_script)
 *  Thread Starter [ArtBookAddicts](https://wordpress.org/support/users/artbookaddicts/)
 * (@artbookaddicts)
 * [15 years, 4 months ago](https://wordpress.org/support/topic/implementing-javascript-map-in-a-page/#post-1894597)
 * Thanx for the help esmi, much appreciated. However, i simply don’t understand
   everything that is written there, even after taking a good look at it.
 * I’ve posted the <head> part of the index.html below, from what i know about web
   programming, this seems to be xml… A step-by-step instruction would be great,
   and i’m willing to pay for a little help, mail me at _[email removed]_
 *     ```
       <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
       	<head>
       		<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
       		<title>Usamap</title>
       		<link rel="stylesheet" <strong>href="css/style.css"</strong> type="text/css" media="screen"/>
       		<script type="text/javascript" src="http://www.google.com/jsapi"></script>
       		<script type="text/javascript">google.load('jquery', '1');</script>
       		<script type="text/javascript" <strong>src="js/usamap.js"</strong>></script>
       	</head>
       ```
   
 *  [esmi](https://wordpress.org/support/users/esmi/)
 * (@esmi)
 * [15 years, 4 months ago](https://wordpress.org/support/topic/implementing-javascript-map-in-a-page/#post-1894669)
 * It’s XHTML and I’d suggest looking at wp_enqueue_script if you intend to use 
   jQuery.
 *  Thread Starter [ArtBookAddicts](https://wordpress.org/support/users/artbookaddicts/)
 * (@artbookaddicts)
 * [15 years, 4 months ago](https://wordpress.org/support/topic/implementing-javascript-map-in-a-page/#post-1894700)
 * Thanks again esmi, but with the best effort in the world, i simply don’t understand
   this. The only thing i can do with code is post an image, a link and make paragraphs,
   so you have to understand this looks like chinese to me…
 * I paid for the map, and all it came with was the following, no instructions were
   included as it’s not specifically designed for WP.
    – the index.html – the css
   file – the javascript file (usamap.js)
 * Again, if someone could implement this for me on one particular page of my site,
   i’m willing to pay for the time you spend on it…
 *  [esmi](https://wordpress.org/support/users/esmi/)
 * (@esmi)
 * [15 years, 4 months ago](https://wordpress.org/support/topic/implementing-javascript-map-in-a-page/#post-1894707)
 * Try [http://jobs.wordpress.net/](http://jobs.wordpress.net/)
    Topic now closed
   as per the [Forum Rules](http://codex.wordpress.org/Forum_Welcome)

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Implementing Javascript Map in a Page’ is closed to new replies.

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 5 replies
 * 2 participants
 * Last reply from: [esmi](https://wordpress.org/support/users/esmi/)
 * Last activity: [15 years, 4 months ago](https://wordpress.org/support/topic/implementing-javascript-map-in-a-page/#post-1894707)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics
