WikiProject:Vermont Town Clickable Maps: Difference between revisions

From FamilySearch Wiki
VisualWikitext
No edit summary
(9 intermediate revisions by the same user not shown)
Line 1: Line 1:
{{breadcrumb
__NOTOC__{{breadcrumb
| link1=[[FamilySearch Wiki:Current Projects|Current Projects Page]]
| link1=[[FamilySearch Wiki:Current Projects|Current Projects Page]]
| link2=
| link2=
Line 8: Line 8:


== Purpose ==
== Purpose ==
*Part A: Make the Image Map code for a Vermont town in each county. 
*Part 1: Make the Vermont County map clickable and applying it to all town maps
*Part B: Create the rest of the town templates using the same Image Map code from Part A.
*Part 2:  
 
== Task List ==  
== Task List ==  
*[https://docs.google.com/spreadsheets/d/1pHO3mN2xNG75CTIl8Jx1kgpy5EK5R4QPuAoETTs6MbQ/edit?usp=sharing Task List]
[https://docs.google.com/spreadsheets/d/1pHO3mN2xNG75CTIl8Jx1kgpy5EK5R4QPuAoETTs6MbQ/edit?usp=sharing Task List]


== Instructions ==
== Instructions ==
==Part A - Create the clickable Map==
=== Step 1 - Choose a County ===
=== Step 1 - Choose a County and First Town ===


1. Choose a county from on Part A Tab of the [https://docs.google.com/spreadsheets/d/1pHO3mN2xNG75CTIl8Jx1kgpy5EK5R4QPuAoETTs6MbQ/edit#gid=0 Task List] and put your name beside it.<br>
*Choose a county from the [https://docs.google.com/spreadsheets/d/1pHO3mN2xNG75CTIl8Jx1kgpy5EK5R4QPuAoETTs6MbQ/edit?usp=sharing Task List]
<br>
2. Now go to Part B Tab on the [https://docs.google.com/spreadsheets/d/1pHO3mN2xNG75CTIl8Jx1kgpy5EK5R4QPuAoETTs6MbQ/edit#gid=9015077 Task List] to find the county you signed up for and choose the first town.<br>
<br>
=== Step 2 - Download the Map Image ===
1. Locate the map image you are going to make clickable by going to the '''[[:Category:Vermont Counties|Vermont Counties category]]''' and click on the county subcategory you signed up for. <br>
<br>
2. On this page, you will see a list of all the town maps listed in the files at the bottom of the category. Click on the correct town you are working on and download the image.<br>
<br>


=== Step 3 - Create a Town Clickable Map Template in the Wiki  ===
==== Step 2 - Create a Template ====


1. Create a new template for the town you picked in Step 1 by copying and pasting the following wikitext into the Wiki search field on the [https://www.familysearch.org/en/wiki/Main_Page Main Page]:<br>
*Create a blank template for you to create a clickable map by copying and pasting this into the Wiki search field:<br>
<br>
<br>
  <nowiki>Template:VTCOUNTYTOWN</nowiki>
  <nowiki>Template:VTCOUNTYTOWN</nowiki>
<br>
<br>
2. Replace the county and town name in the template ''before'' clicking on Enter. For example, the Addison town template would be <nowiki>Template:AddisonAddison</nowiki><br>
For example, <nowiki>Template:VTAddisonAddison</nowiki><br>
<br>
<br>
3. This will bring back a red link for the proposed new template. Click on the red link to make the page.
*Perform the search and click on the red link to create the template.<br>
<br>
<br>


=== Step 4 - Create a Image Map ===
==== Step 3 - Add a Category ====
*Copy and paste the following wikitext code to the template:<br>
<br>
<br>
1. With the downloaded image, open a new tab on your browser so you can follow instructions on how to create an image map: '''[[Help:Wiki_University_Wikitext--Image_Maps#Select_a_source_image_for_upload_to_the_Online_Image_Map_Editor|'''Instructions''']]<br>
<nowiki><noinclude>[[Category:Image map templates]][[Category:Vermont templates]]</noinclude></nowiki><br>
<br>
<br>
4. After you have finished making the map of the town clickable, and after you have clicked "Create Image Map" on the [https://niebert.github.io/imgmap/index.html Map Editor Tool], '''copy''' all of the generated Wikitext code.<br><br>
*Click on the Save Changes to save the new template.
 
=== Step 5 - Add the Image Map Code to the Wiki page ===


1. Go back to the Wiki tab with your the new template you are creating in Step 3 and paste the Image Map code into the Wiki page.<br>
==== Step 4 - Create the Clickable Map ====
*Click on this category link and locate the county you are working on: [[:Category:Vermont_Counties|Vermont Counties]]<br>
<br>
<br>
2. At the end of the image map code at the bottom of the Wiki page, highlight the code: <nowiki></imagemap></nowiki> and delete it.<br>
*Once you are on the Category for the county, locate the correct map you will make clickable.<br>
<br>
<br>
3. Copy and paste the following wikitext directly below the last of the code for the clickable map so it's the last thing on the page:<br>
<br>
<nowiki><noinclude>desc none
</imagemap>[[Category:Image map templates]][[Category:COUNTYNAME County, Vermont]] </noinclude></nowiki><br>
<br>
4. Replace COUNTYNAME in the category to the county your town is in. For example, <nowiki>Category:Addison County, Vermont]]</nowiki><br>
<br>
5. Click on Save Page.<br>
<br>
6. Review the page to make sure the map is clickable and the category is not a red link. Fix as necessary.<br>
<br>
7. If the image is too large, click on Edit source and change the pixel size as needed in the Wikitext code so it fits nicely on the page.<br><br>


=== Step 6 - Add the Template to the Town Page ===


1. Go back to the [https://docs.google.com/spreadsheets/d/1pHO3mN2xNG75CTIl8Jx1kgpy5EK5R4QPuAoETTs6MbQ/edit#gid=9015077 Task List] to go to the town Wiki page where you will put the template.<br>
<br>
2. In the Contents, click on Maps and go down to the header, Maps or scroll down the page to the header, Maps.
<br>
3. Click on Edit Source next to the Maps header.<br>
<br>
4. Directly under the Maps header, paste the following wikitext code:<br>
<br>
<nowiki>[[{{VTCOUNTYTOWN}}|right]]</nowiki><br>
<br>
5. Change "VTCOUNTYTOWN" to match the name of the clickable map template you made in Step 3.<br>
<br>
6. Add the following code to the Summary field before saving the page:<br>
<br>
<nowiki>/* Maps */ Added Clickable Town Map</nowiki><br>
<br>
7. Return to the Part B tab [https://docs.google.com/spreadsheets/d/1pHO3mN2xNG75CTIl8Jx1kgpy5EK5R4QPuAoETTs6MbQ/edit#gid=9015077 Task List] and put the date beside the town you just completed.<br>
<br>
==Part B - Create the Remainder Town Clickable Map Templates==
=== Step 1 - Choose the Next Town from the Task List  ===
1. Go back to Part B tab on the [https://docs.google.com/spreadsheets/d/1pHO3mN2xNG75CTIl8Jx1kgpy5EK5R4QPuAoETTs6MbQ/edit#gid=9015077 Task List] and click on the link for the next town on the Google Sheet.<br>


=== Step 2 - Create a Town Clickable Map Template in the Wiki  ===


1. Create a new template for the town you picked in Step 1 by copying and pasting the following wikitext into the Wiki search field on the [https://www.familysearch.org/en/wiki/Main_Page Main Page]:<br>
1. Create image map, instructions [[Help:Wiki_University_Wikitext--Image_Maps|here]].<br>
<br>
 
  <nowiki>Template:VTCOUNTYTOWN</nowiki>
 
<br>
 
2. Replace the county and town name in the template ''before'' clicking on Enter. For example, the Addison town template would be <nowiki>Template:AddisonAddison</nowiki><br>
 
<br>
 
3. This will bring back a red link for the proposed new template. Click on the red link to make the page.
 
<br>
1. Go to Danielle's Google drive [https://drive.google.com/drive/folders/0B790bzOg4pmgSUZ5WTR6YjIyV1U?usp=sharing account] to locate the maps you signed up for.  Navigate to the correct state folder and find the map you are uploading to the Wiki.<br>
2. Download the county map you need by double clicking on the map so it will open on your computer.<br>
3. Once the map can be seen on your monitor, click on the Arrow pointing down in the top right corner to download the image. <br>
4. Once it has been downloaded, either a dialogue box will appear for you to open the image (when using Firefox) or the image will appear in the bottom of the screen - usually the left hand corner for you to double click on (Chrome).<br>
5. Once the image is open on your computer, save the file to your desktop (or somewhere else on your hard drive that is convenient for you to find the file).<br>
 
==== Upload map image to the Wiki ====
1. Go to [[Special:Upload|Upload File]] under Tools - you must be logged in to see this link. (DO NOT UPLOAD IMAGES USING UPLOAD FILE/IMAGE UNDER VOLUNTEER AND HELPER).<br>
2. Click on Choose File (or sometimes says, Browse) button.<br>
3. Find the map image you saved on your desktop or hard drive.<br>
4. The Wiki will load the image and check to see if it has already been added.  Even if a similar image comes up, you are still loading these images (a copyright phrase has been added to these new images).<br>
5. Copy and paste the following wikitext and add it to the Summary box on the upload screen:<br><br>
 
<nowiki>Map courtesy of [URLforstate Digital-Topo-Maps.com]. Copyright 2005.<br></nowiki><br>
<nowiki>[[Category:state Maps]]</nowiki><br>
<nowiki>[[Category:countyname County, state]]</nowiki><br><br>
 


=== Step 3 - Copy the Wikitext Code from the 1st Clickable Map ===
6. In the first line, replace the URLforstate with the corresponding link below for the state you are working on:<br><br>
1. Go back to the Wiki tab that contains the first town Clickable map for the county, you created in Part A.<br>
<br>
2. Click on Edit source at the top of the template page and copy all of the code on the page.<br>
<br>


=== Step 4 - Paste the Wikitext into your New Clickable Map Template ===
Alabama:<br><nowiki>https://www.digital-topo-maps.com/county-map/alabama.shtml</nowiki><br><br>
Alaska:<br><nowiki>https://www.digital-topo-maps.com/county-map/alaska.shtml</nowiki><br><br>
Arizona:<br><nowiki>https://www.digital-topo-maps.com/county-map/arizona.shtml</nowiki><br><br>
Arkansas:<br><nowiki>https://www.digital-topo-maps.com/county-map/arkansas.shtml</nowiki><br><br>
California:<br><nowiki>https://www.digital-topo-maps.com/county-map/california.shtml</nowiki><br><br>
Connecticut:<br><nowiki>https://www.digital-topo-maps.com/county-map/connecticut.shtml</nowiki><br><br>
Delaware:<br><nowiki>https://www.digital-topo-maps.com/county-map/delaware.shtml</nowiki><br><br>
Florida:<br><nowiki>https://www.digital-topo-maps.com/county-map/florida.shtml</nowiki><br><br>
Georgia:<br><nowiki>https://www.digital-topo-maps.com/county-map/georgia.shtml</nowiki><br><br>
Hawaii:<br><nowiki>https://www.digital-topo-maps.com/county-map/hawaii.shtml</nowiki><br><br>
Idaho:<br><nowiki>https://www.digital-topo-maps.com/county-map/idaho.shtml</nowiki><br><br>
Illinois:<br><nowiki>https://www.digital-topo-maps.com/county-map/illinois.shtml</nowiki><br><br>
Indiana:<br><nowiki>https://www.digital-topo-maps.com/county-map/indiana.shtml</nowiki><br><br>
Iowa:<br><nowiki>https://www.digital-topo-maps.com/county-map/iowa.shtml</nowiki><br><br>
Kentucky:<br><nowiki>https://www.digital-topo-maps.com/county-map/kentucky.shtml</nowiki><br><br>
Louisiana:<br><nowiki>https://www.digital-topo-maps.com/county-map/louisiana.shtml</nowiki><br><br>
Maine:<br><nowiki>https://www.digital-topo-maps.com/county-map/maine.shtml</nowiki><br><br>
Maryland:<br><nowiki>https://www.digital-topo-maps.com/county-map/maryland.shtml</nowiki><br><br>
Massachusetts:<br><nowiki>https://www.digital-topo-maps.com/county-map/massachusetts.shtml</nowiki><br><br>
Michigan:<br><nowiki>https://www.digital-topo-maps.com/county-map/michigan.shtml</nowiki><br><br>
Minnesota:<br><nowiki>https://www.digital-topo-maps.com/county-map/minnesota.shtml</nowiki><br><br>
Mississippi:<br><nowiki>https://www.digital-topo-maps.com/county-map/mississippi.shtml</nowiki><br><br>
Missouri:<br><nowiki>https://www.digital-topo-maps.com/county-map/missouri.shtml</nowiki><br><br>
Nebraska:<br><nowiki>https://www.digital-topo-maps.com/county-map/nebraska.shtml</nowiki><br><br>
New Hampshire:<br><nowiki>https://www.digital-topo-maps.com/county-map/new-hampshire.shtml</nowiki><br><br>
New Jersey Counties:<br><nowiki>https://www.digital-topo-maps.com/county-map/new-jersey.shtml</nowiki><br><br>
New Mexico:<br><nowiki>https://www.digital-topo-maps.com/county-map/new-mexico.shtml</nowiki><br><br>
New York:<br><nowiki>https://www.digital-topo-maps.com/county-map/new-york.shtml</nowiki><br><br>
North Carolina:<br><nowiki>https://www.digital-topo-maps.com/county-map/north-carolina.shtml</nowiki><br><br>
Ohio:<br><nowiki>https://www.digital-topo-maps.com/county-map/ohio.shtml</nowiki><br><br>
Oklahoma:<br><nowiki>https://www.digital-topo-maps.com/county-map/oklahoma.shtml</nowiki><br><br>
Oregon:<br><nowiki>https://www.digital-topo-maps.com/county-map/oregon.shtml</nowiki><br><br>
Pennsylvania:<br><nowiki>https://www.digital-topo-maps.com/county-map/pennsylvania.shtml</nowiki><br><br>
Rhode Island:<br><nowiki>https://www.digital-topo-maps.com/county-map/rhode-island.shtml</nowiki><br><br>
South Carolina:<br><nowiki>https://www.digital-topo-maps.com/county-map/south-carolina.shtml</nowiki><br><br>
Tennessee:<br><nowiki>https://www.digital-topo-maps.com/county-map/tennessee.shtml</nowiki><br><br>
Texas:<br><nowiki>https://www.digital-topo-maps.com/county-map/texas.shtml</nowiki><br><br>
Utah:<br><nowiki>https://www.digital-topo-maps.com/county-map/utah.shtml</nowiki><br><br>
Vermont:<br><nowiki>https://www.digital-topo-maps.com/county-map/vermont.shtml</nowiki><br><br>
Virginia:<br><nowiki>https://www.digital-topo-maps.com/county-map/virginia.shtml</nowiki><br><br>
Washington:<br><nowiki>https://www.digital-topo-maps.com/county-map/washington.shtml</nowiki><br><br>
West Virginia:<br><nowiki>https://www.digital-topo-maps.com/county-map/west-virginia.shtml</nowiki><br><br>
Wisconsin:<br><nowiki>https://www.digital-topo-maps.com/county-map/wisconsin.shtml</nowiki><br><br>


1. Go back to the tab with the template open on the page and paste the content to the Wiki page. <br>
<br>
2. Click on Save Page.<br>
<br>
3. Review the page to make sure the map is clickable and the category is not a red link. Fix it if necessary.<br>
<br>
<br>
Example for Colorado:<br>
<nowiki>Map courtesy of [https://www.digital-topo-maps.com/county-map/colorado.shtml Digital-Topo-Maps.com]. Copyright 2005.<br></nowiki><br>   


=== Step 5 - Add the Template to the Town Page ===


1. Go back to the [https://docs.google.com/spreadsheets/d/1pHO3mN2xNG75CTIl8Jx1kgpy5EK5R4QPuAoETTs6MbQ/edit#gid=9015077 Task List] to go to the town Wiki page where you will put the template.<br>  
7. In the second line, replace "state" with the state the map is in. Do not capitalize the whole word. For example, it would be Colorado.<br>
<br>
<br>
2. In the Contents, click on Maps and go down to the header, Maps or scroll down the page to the header, Maps.
Example for Colorado:<br>
<nowiki> [[Category:Colorado Maps]]</nowiki><br>   
<br>
<br>
3. Click on Edit Source next to the Maps header.<br>
8. In the third line, replace "countyname" with the county name and replace the "state" with the state the county is in.  Do not capitalize the whole word. For example it would be Adams County, Colorado.<br>
<br>
<br>
4. Directly under the Maps header, paste the following wikitext code:<br>
Example for Colorado:<br>
<br>
<nowiki> [[Category:Adams County, Colorado]]</nowiki><br>
<nowiki>[[{{VTCOUNTYTOWN}}|right]]</nowiki><br>
<br>
5. Change "VTCOUNTYTOWN" to match the name of the clickable map template you made in Step 3.<br>
<br>
6. Add the following code to the Summary field before saving the page:<br>
<br>
<nowiki>/* Maps */ Added Clickable Town Map</nowiki><br>
<br>
7. Return to the Part B tab [https://docs.google.com/spreadsheets/d/1pHO3mN2xNG75CTIl8Jx1kgpy5EK5R4QPuAoETTs6MbQ/edit#gid=9015077 Task List] and put the date beside the town you just completed.<br>
<br>
<br>
9. Change the Licensing from "None Selected" to "Digital Topo Maps Images" (it's the last option on the drop down menu.)<br><br>
10. Click on the Upload File button. <br><br>
11. The Wiki may give you an error saying something like "A file with this name exists already, please check File:NAME.png if you are not sure if you want to change it." We do want to add the file again, so click on the button (at the bottom of the page) "Ignore Warning and Save File Anyway."<br><br>
12. Check to make sure the categories are correct at the bottom of the page.  If it is not, edit the summary and change the category to the correct one. <br><br>
13. You can now go to the next county.<br><br>


=== Step 6 - Choose Another Town ===
=== Step 2 - Create Image Map Template ===
1. Go back to the Part B tab on the [https://docs.google.com/spreadsheets/d/1pHO3mN2xNG75CTIl8Jx1kgpy5EK5R4QPuAoETTs6MbQ/edit#gid=9015077 Task List] and sign the date next to the town.<br>
1. Create image map, instructions [[Help:Wiki_University_Wikitext--Image_Maps|here]].<br>
<br>
''Hint: When entering the name of the page for the county in the "Href" box, I usually copy and paste these county names so I don't misspell them and then have to "move" or rename the template)''<br>
2. Choose the next town and repeat the steps under Part B until you finish the county. Then sign up for another county.<br>  
:a. You may see <font color="red">%2C</font> after the name of the county in the first line of code.<br>
<br>
:b. You must change the %2C to a <font color="red">comma</font>.  <br>The wiki does not recognize the %2C.<br>
2. Save the image coding as a template, for example: <font color="red"><nowiki>template:KS Allen County</nowiki></font>.<br>
:a. Must have the word "template:" as part of the name of the image template. Note the colon.<br>
:b. First two capital letters are the [https://www.bls.gov/cew/cewedr10.htm two letter post office codes] for each state.<br>
:c. Next is the name of the county for which you are creating the image map.  <br>
:d. Add the this line of code to the bottom of all the code.  Make sure it follows immediately after "</imagemap>", no line brake.''This give the image map a category''.<br>
::<font color="red"><nowiki><noinclude>[[Category:Image map templates]]</noinclude></nowiki></font><br>
''Note the <font color="red">noinclude</font> just means that the text for the category will not show on the page even though it has been placed in a category.''<br>
3.'''Limit size to 250px'''. See [[Help:Wiki_University_Wikitext--Image_Maps#Limit size of image map]]<br><br>
4. Here is a completed template for Allen County, Kansas as an example:<br>
<div style="border:1px solid black; padding:1em>
<nowiki><imagemap>Image:Allen,_Kansas.JPG|</nowiki><font color="red">250px</font><br>
<nowiki>poly 123 179 123 99 226 103 223 181 223 181 [[Allen County, Kansas Genealogy|Allen County]]</nowiki><br>
<nowiki>poly 122 96 119 11 225 14 224 96 224 96 [[Anderson County, Kansas Genealogy|Anderson County]]</nowiki><br>
<nowiki>poly 17 99 7 1 115 18 115 99 115 99 [[Coffey County, Kansas Genealogy|Coffey County]]</nowiki><br>
<nowiki>poly 230 97 230 10 344 2 339 98 340 98 [[Linn County, Kansas Genealogy|Linn County]]</nowiki><br>
<nowiki>poly 15 179 16 93 118 100 119 178 119 178 [[Woodson County, Kansas Genealogy|Woodson County]]</nowiki><br>
<nowiki>poly 229 190 228 99 339 102 337 190 337 190 [[Bourbon County, Kansas Genealogy|Bourbon County]]</nowiki><br>
<nowiki>poly 17 265 14 178 117 184 115 266 115 266 [[Wilson County, Kansas Genealogy|Wilson County]]</nowiki><br>
<nowiki>poly 195 250 120 267 124 179 223 184 225 266 122 265 122 265 [[Neosho County, Kansas Genealogy|Neosho County]]</nowiki><br>
<nowiki>poly 230 266 224 189 336 196 338 265 338 265 [[Crawford County, Kansas Genealogy|Crawford County]]</nowiki>
<nowiki></imagemap></nowiki><font color="red"><br><nowiki><noinclude>[[Category:Image map templates]]</noinclude></nowiki></font></div>
*Notice how the line of code for each county starts with the word "poly."


=== Step 3 - Put New Template on County Page ===
1.Place the clickable map under the heading '''Maps and Gazetteers''', and under first template, for example, under <nowiki>{{KS Maps Intro|Allen}}</nowiki> on the Allen County, Kansas page by typing:<br>
::<font color="red"><nowiki>{{KS Neighboring Counties Intro|county={{County Name}}}}</nowiki></font><br>
:''There may be a link to a image of the county under this template that looks like our image map.  If so delete it as you will be replacing it with a clickable image map.''<br>
2.In place of "County Name" enter the template name for the county you are adding the image map too, for example: <br>
::<font color="red"><nowiki>{{KS Neighboring Counties Intro|county={{KS Allen County}}}}</nowiki></font><br><br>
3.It will look like this, using Allen County, Kansas as an example: <br>
<div style="border:1px solid black; padding:1em; width:400px">
<nowiki>=== Maps and Gazetteers ===</nowiki><br>
<nowiki>{{KS Maps Intro|Allen}}</nowiki><br>
<font color="red"><nowiki>{{KS Neighboring Counties Intro|county={{KS Allen County}}}}</nowiki></font><br></div>




[[Category:WikiProject United States]]
[[Category:WikiProject United States]]

Revision as of 15:53, 12 April 2023

Vermont Town Clickable Maps

Purpose[edit | edit source]

  • Part 1: Make the Vermont County map clickable and applying it to all town maps
  • Part 2:

Task List[edit | edit source]

Task List

Instructions[edit | edit source]

Step 1 - Choose a County[edit | edit source]

Step 2 - Create a Template[edit | edit source]

  • Create a blank template for you to create a clickable map by copying and pasting this into the Wiki search field:


Template:VTCOUNTYTOWN


For example, Template:VTAddisonAddison

  • Perform the search and click on the red link to create the template.


Step 3 - Add a Category[edit | edit source]

  • Copy and paste the following wikitext code to the template:


<noinclude>[[Category:Image map templates]][[Category:Vermont templates]]</noinclude>


  • Click on the Save Changes to save the new template.

Step 4 - Create the Clickable Map[edit | edit source]

  • Click on this category link and locate the county you are working on: Vermont Counties


  • Once you are on the Category for the county, locate the correct map you will make clickable.




1. Create image map, instructions here.




1. Go to Danielle's Google drive account to locate the maps you signed up for. Navigate to the correct state folder and find the map you are uploading to the Wiki.
2. Download the county map you need by double clicking on the map so it will open on your computer.
3. Once the map can be seen on your monitor, click on the Arrow pointing down in the top right corner to download the image.
4. Once it has been downloaded, either a dialogue box will appear for you to open the image (when using Firefox) or the image will appear in the bottom of the screen - usually the left hand corner for you to double click on (Chrome).
5. Once the image is open on your computer, save the file to your desktop (or somewhere else on your hard drive that is convenient for you to find the file).

Upload map image to the Wiki[edit | edit source]

1. Go to Upload File under Tools - you must be logged in to see this link. (DO NOT UPLOAD IMAGES USING UPLOAD FILE/IMAGE UNDER VOLUNTEER AND HELPER).
2. Click on Choose File (or sometimes says, Browse) button.
3. Find the map image you saved on your desktop or hard drive.
4. The Wiki will load the image and check to see if it has already been added. Even if a similar image comes up, you are still loading these images (a copyright phrase has been added to these new images).
5. Copy and paste the following wikitext and add it to the Summary box on the upload screen:

Map courtesy of [URLforstate Digital-Topo-Maps.com]. Copyright 2005.<br>
[[Category:state Maps]]
[[Category:countyname County, state]]


6. In the first line, replace the URLforstate with the corresponding link below for the state you are working on:

Alabama:
https://www.digital-topo-maps.com/county-map/alabama.shtml

Alaska:
https://www.digital-topo-maps.com/county-map/alaska.shtml

Arizona:
https://www.digital-topo-maps.com/county-map/arizona.shtml

Arkansas:
https://www.digital-topo-maps.com/county-map/arkansas.shtml

California:
https://www.digital-topo-maps.com/county-map/california.shtml

Connecticut:
https://www.digital-topo-maps.com/county-map/connecticut.shtml

Delaware:
https://www.digital-topo-maps.com/county-map/delaware.shtml

Florida:
https://www.digital-topo-maps.com/county-map/florida.shtml

Georgia:
https://www.digital-topo-maps.com/county-map/georgia.shtml

Hawaii:
https://www.digital-topo-maps.com/county-map/hawaii.shtml

Idaho:
https://www.digital-topo-maps.com/county-map/idaho.shtml

Illinois:
https://www.digital-topo-maps.com/county-map/illinois.shtml

Indiana:
https://www.digital-topo-maps.com/county-map/indiana.shtml

Iowa:
https://www.digital-topo-maps.com/county-map/iowa.shtml

Kentucky:
https://www.digital-topo-maps.com/county-map/kentucky.shtml

Louisiana:
https://www.digital-topo-maps.com/county-map/louisiana.shtml

Maine:
https://www.digital-topo-maps.com/county-map/maine.shtml

Maryland:
https://www.digital-topo-maps.com/county-map/maryland.shtml

Massachusetts:
https://www.digital-topo-maps.com/county-map/massachusetts.shtml

Michigan:
https://www.digital-topo-maps.com/county-map/michigan.shtml

Minnesota:
https://www.digital-topo-maps.com/county-map/minnesota.shtml

Mississippi:
https://www.digital-topo-maps.com/county-map/mississippi.shtml

Missouri:
https://www.digital-topo-maps.com/county-map/missouri.shtml

Nebraska:
https://www.digital-topo-maps.com/county-map/nebraska.shtml

New Hampshire:
https://www.digital-topo-maps.com/county-map/new-hampshire.shtml

New Jersey Counties:
https://www.digital-topo-maps.com/county-map/new-jersey.shtml

New Mexico:
https://www.digital-topo-maps.com/county-map/new-mexico.shtml

New York:
https://www.digital-topo-maps.com/county-map/new-york.shtml

North Carolina:
https://www.digital-topo-maps.com/county-map/north-carolina.shtml

Ohio:
https://www.digital-topo-maps.com/county-map/ohio.shtml

Oklahoma:
https://www.digital-topo-maps.com/county-map/oklahoma.shtml

Oregon:
https://www.digital-topo-maps.com/county-map/oregon.shtml

Pennsylvania:
https://www.digital-topo-maps.com/county-map/pennsylvania.shtml

Rhode Island:
https://www.digital-topo-maps.com/county-map/rhode-island.shtml

South Carolina:
https://www.digital-topo-maps.com/county-map/south-carolina.shtml

Tennessee:
https://www.digital-topo-maps.com/county-map/tennessee.shtml

Texas:
https://www.digital-topo-maps.com/county-map/texas.shtml

Utah:
https://www.digital-topo-maps.com/county-map/utah.shtml

Vermont:
https://www.digital-topo-maps.com/county-map/vermont.shtml

Virginia:
https://www.digital-topo-maps.com/county-map/virginia.shtml

Washington:
https://www.digital-topo-maps.com/county-map/washington.shtml

West Virginia:
https://www.digital-topo-maps.com/county-map/west-virginia.shtml

Wisconsin:
https://www.digital-topo-maps.com/county-map/wisconsin.shtml


Example for Colorado:
Map courtesy of [https://www.digital-topo-maps.com/county-map/colorado.shtml Digital-Topo-Maps.com]. Copyright 2005.<br>


7. In the second line, replace "state" with the state the map is in. Do not capitalize the whole word. For example, it would be Colorado.

Example for Colorado:
[[Category:Colorado Maps]]

8. In the third line, replace "countyname" with the county name and replace the "state" with the state the county is in. Do not capitalize the whole word. For example it would be Adams County, Colorado.

Example for Colorado:
[[Category:Adams County, Colorado]]

9. Change the Licensing from "None Selected" to "Digital Topo Maps Images" (it's the last option on the drop down menu.)

10. Click on the Upload File button.

11. The Wiki may give you an error saying something like "A file with this name exists already, please check File:NAME.png if you are not sure if you want to change it." We do want to add the file again, so click on the button (at the bottom of the page) "Ignore Warning and Save File Anyway."

12. Check to make sure the categories are correct at the bottom of the page. If it is not, edit the summary and change the category to the correct one.

13. You can now go to the next county.

Step 2 - Create Image Map Template[edit | edit source]

1. Create image map, instructions here.
Hint: When entering the name of the page for the county in the "Href" box, I usually copy and paste these county names so I don't misspell them and then have to "move" or rename the template)

a. You may see %2C after the name of the county in the first line of code.
b. You must change the %2C to a comma.
The wiki does not recognize the %2C.

2. Save the image coding as a template, for example: template:KS Allen County.

a. Must have the word "template:" as part of the name of the image template. Note the colon.
b. First two capital letters are the two letter post office codes for each state.
c. Next is the name of the county for which you are creating the image map.
d. Add the this line of code to the bottom of all the code. Make sure it follows immediately after "</imagemap>", no line brake.This give the image map a category.
<noinclude>[[Category:Image map templates]]</noinclude>

Note the noinclude just means that the text for the category will not show on the page even though it has been placed in a category.
3.Limit size to 250px. See Help:Wiki University Wikitext--Image Maps

4. Here is a completed template for Allen County, Kansas as an example:

<imagemap>Image:Allen,_Kansas.JPG|250px
poly 123 179 123 99 226 103 223 181 223 181 [[Allen County, Kansas Genealogy|Allen County]]
poly 122 96 119 11 225 14 224 96 224 96 [[Anderson County, Kansas Genealogy|Anderson County]]
poly 17 99 7 1 115 18 115 99 115 99 [[Coffey County, Kansas Genealogy|Coffey County]]
poly 230 97 230 10 344 2 339 98 340 98 [[Linn County, Kansas Genealogy|Linn County]]
poly 15 179 16 93 118 100 119 178 119 178 [[Woodson County, Kansas Genealogy|Woodson County]]
poly 229 190 228 99 339 102 337 190 337 190 [[Bourbon County, Kansas Genealogy|Bourbon County]]
poly 17 265 14 178 117 184 115 266 115 266 [[Wilson County, Kansas Genealogy|Wilson County]]
poly 195 250 120 267 124 179 223 184 225 266 122 265 122 265 [[Neosho County, Kansas Genealogy|Neosho County]]
poly 230 266 224 189 336 196 338 265 338 265 [[Crawford County, Kansas Genealogy|Crawford County]]

</imagemap>
<noinclude>[[Category:Image map templates]]</noinclude>
  • Notice how the line of code for each county starts with the word "poly."

Step 3 - Put New Template on County Page[edit | edit source]

1.Place the clickable map under the heading Maps and Gazetteers, and under first template, for example, under {{KS Maps Intro|Allen}} on the Allen County, Kansas page by typing:

{{KS Neighboring Counties Intro|county={{County Name}}}}
There may be a link to a image of the county under this template that looks like our image map. If so delete it as you will be replacing it with a clickable image map.

2.In place of "County Name" enter the template name for the county you are adding the image map too, for example:

{{KS Neighboring Counties Intro|county={{KS Allen County}}}}

3.It will look like this, using Allen County, Kansas as an example:

=== Maps and Gazetteers ===
{{KS Maps Intro|Allen}}

{{KS Neighboring Counties Intro|county={{KS Allen County}}}}
Retrieved from "https://integration-ru.familysearch.org/en/wiki/index.php?title=WikiProject:Vermont_Town_Clickable_Maps&oldid=5288596"