Download 1. Go to map.apan.org and display your map in a browser.

Add a Map from map.apan.org to Your SharePoint Site
Overview
Do the following steps to add a public map from map.apan.org. to your SharePoint site.
1. Download a copy of the JavaScript file, DisplayAPANMap.js from
https://wss.apan.org/s/aspug/Tips/Add%20a%20Map%20from%20APAN%20maps.docx
2. Create a document library named Scripts in your site
3. Upload DisplayAPANMap.js to the Scripts document library
4. Obtain the URL for DisplayAPANMap.js in your Scripts document library
5. Add a content editor web part to your web page.
6. Open the web part control and paste the URL into the Content Link box.
7. Edit DisplayAPANMap.js to display a different map.
Step1. Download a copy of DisplayAPANMap.js
1. Log into APAN.
2. Go to the following link:
https://wss.apan.org/s/aspug/SItePages/tips.aspx
3. Locate DisplayAPANMap.js in the list. Move your mouse over the file name. Click on the down arrow
on the right hand side. Move your mouse down to Send To and then click on Download a Copy.
Step 2. Create a Document Library
1. Go to your site home page
2. Click on Site Actions, and then New Document Library.
3. Enter the name of the document library, for example, Scripts. Optional: provide a Description. Set
Navigation to No. Set Document Version History to Yes. Set Document Template to None.
4. Click the Create button to complete this step.
Step 3. Upload DisplayAPANMap.js to Document Library
1. Click on Add document
2. Click on Browse and go to your downloads, where you save the file DisplayAPANMap.js
3. Click on OK
Step 4. Obtain the URL for DisplayAPANMap.js
1. Right click on the file, DisplayAPANMap and click on Copy shortcut. For some browsers, it might be
Copy link address. The URL is now in your paste buffer
Step 5. Add a content editor web part
1. Return to the page where you want to place your map.
2. Click on Site Actions tab and choose Edit Page
3. Click on Add a Web Part in the section where the map is going to be placed.
4. Scroll down the Categories section to Media and Content. Click on Content Editor in the Web Parts
section. Confirm the Section. Click on the Add button.
Step 6. Paste the URL into the Content Link box
1. Move your mouse over the Content Editor web part that you just added. Click on the down arrow and
choose Edit Web Part
2. Scroll over to the right to expose the Content Editor web control.
3. Paste the URL of for your file DisplayAPANMap.js into the content Link box and click Apply button.
Your map should look like the picture below.
If your map looks like the picture below, the file has been corrupted.
You can change the title to the map from Content Editor by using the Web Control. Edit the web part.
Scroll over to the web control. Click on the + sign to expand the Appearance section. If you do not want
a title, change the Chrome Type setting in the Appearance section to None.
4. Click on the Page tab and then the Stop Editing icon to save your changes,
Step 7. Edit DisplayAPANMap.js to display a different map
DisplayAPANMap.js is a JavaScript file that allows you to display a public map from map.apan.org in your
SharePoint site. Each map on map.apan.org has a unique ID. If you would like to display a different map,
go to map.apan.org and click on your map. The URL of your map ends with a number. For example, in
the URL, https://map.apan.org/map/185 185 is the map ID.
1. Go to map.apan.org and display your map in a browser.
2. Note the number at the end of the URL.
3. Go to your home page of your SharePoint site. Click on Libraries in the left hand side navigation bar.
Click on Scripts document library, or the name of the library where your script resides.
4. Mouse over displayAPANMap and choose Send to and then choose Download a copy.
5. Go to your downloads and open displayAPANMap.js with a text editor. Do not open the file in your
browser.
6. Look for the line that begins with _globalMapIdSetByUser = 185; (see illustration below)
7. Change 185 to the number at the end of your map URL.
Warning: Do not delete the semicolon (;) after the ID.
8. Save the file. Then upload the file to your Scripts document library.
Because the filename has not changed, you will not have to change the referenced URL in your web
control part. If you are displaying several maps at the same time, you’ll have to use a unique name for
the JavaScript file
Further Information
1. You can choose any name for your document library and JavaScript file. The key point is that the
URL in the Content Editor web control must match the JavaScript file name and location.
2. Currently, you can only display one map per web page.
3. If you are going to display multiple maps for your site, use a different filename for each map,
such as displayAPANMap1.js or displayLiberiaMap.js.
4. Download the JavaScript file to your desktop and use a text editor to modify.
5. Use the downloaded JavaScript as the foundation for making changes and uploading to your
scripts library.
6. You can modify 3 lines in the JavaScript file:
a. Map ID
b. Map Height
c. Legend Height
7. If you edit the items in the JavaScript file, be sure that you do not delete the semi-colon (: ) in
the line.