Fla-Shop.com

How to install USA Map Locator 4.0 under WordPress?

1. Prepare
Extract the contents of the purchased zip file to your local computer using any compressed file extraction application (e.g. WinZip, 7Zip, WinRar, etc.).

2. Upload
Now you need to upload the files the map requires to your website.

The following files must be uploaded:
a. locator_map.xml (this is the customized configuration file)
b. locator_map.swf (the engine file for the map)
c. swfobject.js (the SWFObject Javascript file)
d. data.swf (contains map data)

The easiest way to upload files is using an FTP access. Use any FTP client (or your browser) to access your website via FTP and upload the required files into any folder. The easiest option is to upload files to the root folder of your site.

However, in some cases you might not have an FTP access to your site, or you might don't want to use it. In this case you can upload files using WordPress built-in capabilities.

IMPORTANT: Due to security reasons, WordPress doesn't allow you to upload XML files directly. In order to do this, please install PJW Mime Config plugin first and include xml to the list of allowed mime types.

Here is how to do this:

1) Login to your WordPress admin panel.
2) Open the "Plugins" section and select "Add New"
3) Type "PJW Mime Config" (without quotes) in the plugin search box and click the "Search Plugins" button.
4) You should see the search results after that. In the results locate the plugin named "PJW Mime Config" and click the "Install now" link.
5) Now, as the plugin is installed, switch to the "Settings" section of the admin panel.
6) In the "Settings" section open the "Mime types" menu.
7) Look for the "Add new Mime-type" label. Type "xml" (without quotes) into the "File Extension" box, and "text/xml" (without quotes) in the "Associated mime-type" box.

8) Click the "Add mime-type" button to add the XML Mime type to WordPress. Now you can proceed with uploading your map files.

Here is how you can upload files via WordPress.

2.1. Login to your WordPress admin panel

2.2. Switch to the Media section:

2.3. Click "Add new" and choose a file you need. Click "Upload".
2.4. Repeat step 2.3 for all required files.

2.5. Notice the path the files are loaded to (we will need it later):

3. Adding the map to a page
As we uploaded all files, we need to add the map to our page now. Switch to the Pages section in WordPress:

Let's imagine we want to create a new page with the map on it. Click the "Add new' link at the top:

Enter the title of your page and paste the following code into the HTML source of the page:

 Map will be here 

4. Now we need to adjust the code of the map to make it work on our server. Look for the following line in the code:

Map will be here

The locatormap here is the name of the div where the map will be placed into. It is also referred in this line:

swfobject.embedSWF("/wordpress/wp-content/uploads/2011/11/locator_map.swf", "locatormap", "500", "400", "9.0.0","", flashvars, params);

Make sure both names are the same and are unique across the page if you paste two or more maps on the same page.

Also check the paths to the XML config, SWFObject JavaScript file and to SWF files are correct. Depending on the upload method you used at the step 2, the path may vary. In particular, if you uploaded the map via the FTP to the "map" folder of your website, the path could be:

/map/locator_map.xml

Of course, it will be different for you.

If you uploaded using built-in media capabilities powered by PJW Mime Config plugin, the path usually is something like this:

/wordpress/wp-content/uploads/2011/11/locator_map.xml

Set the path to all files (XML, JS, SWF) as shown below:

 Map will be here 

So finally, you should receive the complete code with some content above it and after it in the editor window:

Preview the page to ensure everything is all right, then save it. If the map doesn't show, check if you uploaded the files and specified paths to them in the code correctly.

Congratulations! You have installed Interactive Flash Map to your WordPress website.

Note: if you want to adjust the map, i.e. change colors, size, add popup balloons or change landing page URLs, please refer to the documentation included with the product.