Project 1999 Wiki - User contributions [en]

Loc Maps

2019-07-08T14:53:18Z

Backle: /* Which Zones Have Loc Maps */

= What Are Loc Maps? =

NPCs (from enabled zones) now have "(Show On Map)" links next to their location. When you hover your mouse over this link, you will be shown a map of the zone, and the NPC will have a red "X" marking their location on that map. If the NPC has multiple possible locations, the map will display an X at every possible one.

= Which Zones Have Loc Maps =

The following zones currently have "loc maps":

* [[Eastern Wastes]]
* [[Rivervale]]
* [[North Qeynos]]
* [[South Qeynos]]
* [[Northern Felwithe]]
* [[Oggok]]
* [[Southern Felwithe]]
* [[Halas]]
* [[East Commonlands]]
* [[West Commonlands]]
* [[South Kaladim]]
* [[Kithicor Forest]]
* [[East Karana]]
* [[Butcherblock Mountains]]
* [[Greater Faydark]] -- submitted

The following city zones are still needed:

* [[Surefall Glade]]
* [[Erudin]] (2 zones, and currently 3 maps, so two will need to be combined)
* [[Paineel]]
* [[Grobb]]
* [[Neriak]] (3)
* [[Ak'Anon]]
* [[Kelethin]]
* [[The Overthere]]
* [[Firiona Vie]]
* [[Thurgadin]]
* [[Kael]]

The following zones don't have maps with accurate locs, and so are off limits for the project (until we can find better maps):

* [[Freeport]] (all parts, locs don't line up)
* [[Skyshrine]] (no locs)
* [[Highpass Hold]] (no locs)
* [[Highpass Keep]] (very 3D zone ... but loc maps currently are very 2D)

= Adding Loc Maps =

== Only Admins Can Add New Zones ... ==

In order for loc maps to work they need to know information about a zone's image file (it's dimensions, how much it "stretches", etc.). For performance reasons, that info is kept in a Javascript file, which means only wiki admins can edit it.

(That info ''could'' be kept in a wiki page that everyone could edit ... but those files aren't "cached" by browsers the same way as Javascript files, so whenever anyone visited ''any'' NPC page, the wiki would have to load that page also to check for the zone info.)

== ... But The Wiki Needs Non-Admin Help ==

However, anyone (not just admins) can help to determine a zone's information. Once they have they can send it to Loramin, either through a forum private message (if you have an active forum account) or through [[User_talk:Loramin]] (if not).

== How to Help ==
To determine a zone's info, you don't need to be a programmer, you just need to fill in a template:

<pre>{
height: *image file height*,
image: '*zone file name*',
test: {
interval: *how far between the grid lines on the map*,
maxX: *the highest X loc on the map*,
maxY: *the highest Y loc on the map*,
minX: *the lowest X loc on the map*,
minY: *the lowest Y loc on the map*
},
width: *image file width*,
zeroX: *the browser "x" position for the 0,0 point on the map*,
zeroY: *the browser "y" position for the 0,0 point on the map*,
zoomX: *the x-axis "zoom"*,
zoomY: *the y-axis "zoom"*
}</pre>

for example:

<pre>{
height: 452,
image: 'Map_eastern_wastes.jpg',
test: {
maxX: 7000,
maxY: 1000,
minX: -6000,
minY: -9000,
xInterval: 1000,
yInterval: 1000
},
width: 550,
zeroX: 284,
zeroY: 62,
zoomX: 0.038,
zoomY: 0.038
}</pre>

To find those values you need to follow the instructions below and use your browser's "developer tools". These instructions assume you're using Chrome, but other browsers have similar tools.

== Finding a Zone's Basic Map Info ==

Go to the zone page you want to add; I'll use [[Eastern Wastes]] as an example. Right-click on the map image and choose "Inspect". You'll see a bunch of HTML code. Don't worry, you don't need to understand it, you just need to find the highlighted section, which will look like this (except without the bolding):

<code><nowiki><</nowiki>img alt="Map eastern wastes.jpg" src="/images/Map_eastern_wastes.jpg" width="550" height="452" class="thumbborder" title="Map eastern wastes.jpg"<nowiki>></nowiki></code>

This will give you the filename of the map image, and tell you its width and height.

<pre>{
height: 452,
image: 'Map_eastern_wastes.jpg',
width: 550
}</pre>

== Finding 0,0 On the Map ==

Next, we need to figure out where "0,0" is on the map. Go to a page for any NPC in the zone. For example in [[Eastern Wastes]] we could choose [[Boridain Glacierbane]].

Your browser developer tools should still be up (if they aren't, right-click and inspect anything on the page, it doesn't matter what). There should be tabs along the top for "Elements", "Console", "Network", etc.; click on "Console".

You will see a white area with a blue angle bracket on the left. Click on the row to the right of that blue bracket and paste in the following code:

<pre>testZeroZero(*your zone info*)</pre>

For instance:
<pre>testZeroZero({
height: 452,
image: 'Map_eastern_wastes.jpg',
width: 550
})</pre>

A map should appear with a big red X ... in the upper left corner :( To fix that, we need to try guessing at where the 0,0 point is. For instance, let's try 100, 100:

<pre>testZeroZero({
height: 452,
image: 'Map_eastern_wastes.jpg',
width: 550,
zeroX: 100,
zeroY: 100
})</pre>

Now our X is closer to the 0,0 point, but still wrong. If we keep playing with it, we can eventually get the X perfectly aligned:

<pre>testZeroZero({
height: 452,
image: 'Map_eastern_wastes.jpg',
width: 550,
zeroX: 284,
zeroY: 62
})</pre>

== Finding the "Zoom Factor": Making the Test Grid ==

We're almost done. We just need to determine how the image scales vs. how the locs on the map scale, or in other words the "zoom factor".

To do this we need to draw some test Xs along the map's grid. To do that we need to know how far apart the lines on the map are. That means adding a new "test" section to the code we have so far:

<pre>test: {
interval: 1000,
maxX: 7000,
maxY: 1000,
minX: -6000,
minY: -9000
},</pre>

To get these numbers, we just have to look at the map itself:

[[File:Map_eastern_wastes.jpg |500px]]

The numbers along the top of the Eastern Wastes map go from 6000 to -5000 ... but really there are grid lines that go all the way to 7000 and -6000. Those numbers become our "maxX" (7000) and "minX" (-6000).

In the same way our "maxY" becomes the highest number on the right-side (1000) and our "minY" becomes the lowest (-9000).

Finally, in both directions the numbers go in intervals of 1000, so we set the "interval" to 1000.

== Finding the "Zoom Factor": Showing the Test Grid ==

Now that we've figured out our testing coordinates we can again go to that blue bracket line, only this time we're going to use slightly different code:

<pre>testGrid(*your zone info*)</pre>

eg.

<pre>testGrid({
height: 452,
image: 'Map_eastern_wastes.jpg',
test: {
interval: 1000,
maxX: 7000,
maxY: 1000,
minX: -6000,
minY: -9000
},
width: 550,
zeroX: 284,
zeroY: 62
})</pre>

Once you do that you should see a "grid" of red X's aligned along the map's grid ... but instead you'll probably see them all over the place. We need to fix that, and once we do we'll be done.

== Finding the "Zoom Factor": Aligning the Test Grid ==

To tell the wiki how much to "zoom" the grid in, you need to add two last bits, the zoomX and zoomY. The default value if you don't provide these is 0.1, so if we set that we'll see the same grid.

<pre>testGrid({
height: 452,
image: 'Map_eastern_wastes.jpg',
test: {
interval: 1000,
maxX: 7000,
maxY: 1000,
minX: -6000,
minY: -9000,
},
width: 550,
zeroX: 284,
zeroY: 62,
zoomX: 0.1,
zoomY: 0.1
})</pre>

They're too far apart, so let's try cutting that value down to 0.05 in each direction:

<pre>testGrid({
height: 452,
image: 'Map_eastern_wastes.jpg',
test: {
interval: 1000,
maxX: 7000,
maxY: 1000,
minX: -6000,
minY: -9000
},
width: 550,
zeroX: 284,
zeroY: 62,
zoomX: 0.05,
zoomY: 0.05
})</pre>

They're still too far apart, but if we experiment a bit more we can get all the X's to align by using the values of 0.38 and 0.379:

<pre>testGrid({
height: 452,
image: 'Map_eastern_wastes.jpg',
test: {
interval: 1000,
maxX: 7000,
maxY: 1000,
minX: -6000,
minY: -9000
},
width: 550,
zeroX: 284,
zeroY: 62,
zoomX: 0.038,
zoomY: 0.0379
})</pre>

== Victory ==

That was a hassle, but now we've figured out the info for a zone map!

<img src="https://i2.wp.com/i.imgur.com/t8zvc.gif"/>

We can PM it to Loramin (or paste it onto his [[User_talk:Loramin|talk page]] if you don't have a forum account), and then he can add it to the wiki, and now anyone looking for NPCs in that zone will be able to find them much more easily thanks to you!

Loc Maps

2019-07-08T14:40:51Z

Backle: /* Which Zones Have Loc Maps */

= What Are Loc Maps? =

NPCs (from enabled zones) now have "(Show On Map)" links next to their location. When you hover your mouse over this link, you will be shown a map of the zone, and the NPC will have a red "X" marking their location on that map. If the NPC has multiple possible locations, the map will display an X at every possible one.

= Which Zones Have Loc Maps =

The following zones currently have "loc maps":

* [[Eastern Wastes]]
* [[Rivervale]]
* [[North Qeynos]]
* [[South Qeynos]]
* [[Northern Felwithe]]
* [[Oggok]]
* [[Southern Felwithe]]
* [[Halas]]
* [[East Commonlands]]
* [[West Commonlands]]
* [[South Kaladim]]
* [[Kithicor Forest]]
* [[East Karana]]
* [[Butcherblock Mountains]]
* [[Greater Faydark]]

The following city zones are still needed:

* [[Surefall Glade]]
* [[Erudin]] (2 zones, and currently 3 maps, so two will need to be combined)
* [[Paineel]]
* [[Grobb]]
* [[Neriak]] (3)
* [[Ak'Anon]]
* [[Kelethin]]
* [[The Overthere]]
* [[Firiona Vie]]
* [[Thurgadin]]
* [[Kael]]

The following zones don't have maps with accurate locs, and so are off limits for the project (until we can find better maps):

* [[Freeport]] (all parts, locs don't line up)
* [[Skyshrine]] (no locs)
* [[Highpass Hold]] (no locs)
* [[Highpass Keep]] (very 3D zone ... but loc maps currently are very 2D)

= Adding Loc Maps =

== Only Admins Can Add New Zones ... ==

In order for loc maps to work they need to know information about a zone's image file (it's dimensions, how much it "stretches", etc.). For performance reasons, that info is kept in a Javascript file, which means only wiki admins can edit it.

(That info ''could'' be kept in a wiki page that everyone could edit ... but those files aren't "cached" by browsers the same way as Javascript files, so whenever anyone visited ''any'' NPC page, the wiki would have to load that page also to check for the zone info.)

== ... But The Wiki Needs Non-Admin Help ==

However, anyone (not just admins) can help to determine a zone's information. Once they have they can send it to Loramin, either through a forum private message (if you have an active forum account) or through [[User_talk:Loramin]] (if not).

== How to Help ==
To determine a zone's info, you don't need to be a programmer, you just need to fill in a template:

<pre>{
height: *image file height*,
image: '*zone file name*',
test: {
interval: *how far between the grid lines on the map*,
maxX: *the highest X loc on the map*,
maxY: *the highest Y loc on the map*,
minX: *the lowest X loc on the map*,
minY: *the lowest Y loc on the map*
},
width: *image file width*,
zeroX: *the browser "x" position for the 0,0 point on the map*,
zeroY: *the browser "y" position for the 0,0 point on the map*,
zoomX: *the x-axis "zoom"*,
zoomY: *the y-axis "zoom"*
}</pre>

for example:

<pre>{
height: 452,
image: 'Map_eastern_wastes.jpg',
test: {
maxX: 7000,
maxY: 1000,
minX: -6000,
minY: -9000,
xInterval: 1000,
yInterval: 1000
},
width: 550,
zeroX: 284,
zeroY: 62,
zoomX: 0.038,
zoomY: 0.038
}</pre>

To find those values you need to follow the instructions below and use your browser's "developer tools". These instructions assume you're using Chrome, but other browsers have similar tools.

== Finding a Zone's Basic Map Info ==

Go to the zone page you want to add; I'll use [[Eastern Wastes]] as an example. Right-click on the map image and choose "Inspect". You'll see a bunch of HTML code. Don't worry, you don't need to understand it, you just need to find the highlighted section, which will look like this (except without the bolding):

<code><nowiki><</nowiki>img alt="Map eastern wastes.jpg" src="/images/Map_eastern_wastes.jpg" width="550" height="452" class="thumbborder" title="Map eastern wastes.jpg"<nowiki>></nowiki></code>

This will give you the filename of the map image, and tell you its width and height.

<pre>{
height: 452,
image: 'Map_eastern_wastes.jpg',
width: 550
}</pre>

== Finding 0,0 On the Map ==

Next, we need to figure out where "0,0" is on the map. Go to a page for any NPC in the zone. For example in [[Eastern Wastes]] we could choose [[Boridain Glacierbane]].

Your browser developer tools should still be up (if they aren't, right-click and inspect anything on the page, it doesn't matter what). There should be tabs along the top for "Elements", "Console", "Network", etc.; click on "Console".

You will see a white area with a blue angle bracket on the left. Click on the row to the right of that blue bracket and paste in the following code:

<pre>testZeroZero(*your zone info*)</pre>

For instance:
<pre>testZeroZero({
height: 452,
image: 'Map_eastern_wastes.jpg',
width: 550
})</pre>

A map should appear with a big red X ... in the upper left corner :( To fix that, we need to try guessing at where the 0,0 point is. For instance, let's try 100, 100:

<pre>testZeroZero({
height: 452,
image: 'Map_eastern_wastes.jpg',
width: 550,
zeroX: 100,
zeroY: 100
})</pre>

Now our X is closer to the 0,0 point, but still wrong. If we keep playing with it, we can eventually get the X perfectly aligned:

<pre>testZeroZero({
height: 452,
image: 'Map_eastern_wastes.jpg',
width: 550,
zeroX: 284,
zeroY: 62
})</pre>

== Finding the "Zoom Factor": Making the Test Grid ==

We're almost done. We just need to determine how the image scales vs. how the locs on the map scale, or in other words the "zoom factor".

To do this we need to draw some test Xs along the map's grid. To do that we need to know how far apart the lines on the map are. That means adding a new "test" section to the code we have so far:

<pre>test: {
interval: 1000,
maxX: 7000,
maxY: 1000,
minX: -6000,
minY: -9000
},</pre>

To get these numbers, we just have to look at the map itself:

[[File:Map_eastern_wastes.jpg |500px]]

The numbers along the top of the Eastern Wastes map go from 6000 to -5000 ... but really there are grid lines that go all the way to 7000 and -6000. Those numbers become our "maxX" (7000) and "minX" (-6000).

In the same way our "maxY" becomes the highest number on the right-side (1000) and our "minY" becomes the lowest (-9000).

Finally, in both directions the numbers go in intervals of 1000, so we set the "interval" to 1000.

== Finding the "Zoom Factor": Showing the Test Grid ==

Now that we've figured out our testing coordinates we can again go to that blue bracket line, only this time we're going to use slightly different code:

<pre>testGrid(*your zone info*)</pre>

eg.

<pre>testGrid({
height: 452,
image: 'Map_eastern_wastes.jpg',
test: {
interval: 1000,
maxX: 7000,
maxY: 1000,
minX: -6000,
minY: -9000
},
width: 550,
zeroX: 284,
zeroY: 62
})</pre>

Once you do that you should see a "grid" of red X's aligned along the map's grid ... but instead you'll probably see them all over the place. We need to fix that, and once we do we'll be done.

== Finding the "Zoom Factor": Aligning the Test Grid ==

To tell the wiki how much to "zoom" the grid in, you need to add two last bits, the zoomX and zoomY. The default value if you don't provide these is 0.1, so if we set that we'll see the same grid.

<pre>testGrid({
height: 452,
image: 'Map_eastern_wastes.jpg',
test: {
interval: 1000,
maxX: 7000,
maxY: 1000,
minX: -6000,
minY: -9000,
},
width: 550,
zeroX: 284,
zeroY: 62,
zoomX: 0.1,
zoomY: 0.1
})</pre>

They're too far apart, so let's try cutting that value down to 0.05 in each direction:

<pre>testGrid({
height: 452,
image: 'Map_eastern_wastes.jpg',
test: {
interval: 1000,
maxX: 7000,
maxY: 1000,
minX: -6000,
minY: -9000
},
width: 550,
zeroX: 284,
zeroY: 62,
zoomX: 0.05,
zoomY: 0.05
})</pre>

They're still too far apart, but if we experiment a bit more we can get all the X's to align by using the values of 0.38 and 0.379:

<pre>testGrid({
height: 452,
image: 'Map_eastern_wastes.jpg',
test: {
interval: 1000,
maxX: 7000,
maxY: 1000,
minX: -6000,
minY: -9000
},
width: 550,
zeroX: 284,
zeroY: 62,
zoomX: 0.038,
zoomY: 0.0379
})</pre>

== Victory ==

That was a hassle, but now we've figured out the info for a zone map!

<img src="https://i2.wp.com/i.imgur.com/t8zvc.gif"/>

We can PM it to Loramin (or paste it onto his [[User_talk:Loramin|talk page]] if you don't have a forum account), and then he can add it to the wiki, and now anyone looking for NPCs in that zone will be able to find them much more easily thanks to you!

Loc Maps

2019-07-08T13:54:52Z

Backle: /* Which Zones Have Loc Maps */

= What Are Loc Maps? =

NPCs (from enabled zones) now have "(Show On Map)" links next to their location. When you hover your mouse over this link, you will be shown a map of the zone, and the NPC will have a red "X" marking their location on that map. If the NPC has multiple possible locations, the map will display an X at every possible one.

= Which Zones Have Loc Maps =

The following zones currently have "loc maps":

* [[Eastern Wastes]]
* [[Rivervale]]
* [[North Qeynos]]
* [[South Qeynos]]
* [[Northern Felwithe]]
* [[Oggok]]
* [[Southern Felwithe]]
* [[Halas]]
* [[East Commonlands]]
* [[West Commonlands]]
* [[South Kaladim]]
* [[Kithicor Forest]]
* [[East Karana]]
* [[Butcherblock Mountains]] -- submitted

The following city zones are still needed:

* [[Surefall Glade]]
* [[Erudin]] (2 zones, and currently 3 maps, so two will need to be combined)
* [[Paineel]]
* [[Grobb]]
* [[Neriak]] (3)
* [[Ak'Anon]]
* [[Kelethin]]
* [[The Overthere]]
* [[Firiona Vie]]
* [[Thurgadin]]
* [[Kael]]

The following zones don't have maps with accurate locs, and so are off limits for the project (until we can find better maps):

* [[Freeport]] (all parts, locs don't line up)
* [[Skyshrine]] (no locs)
* [[Highpass Hold]] (no locs)
* [[Highpass Keep]] (very 3D zone ... but loc maps currently are very 2D)

= Adding Loc Maps =

== Only Admins Can Add New Zones ... ==

In order for loc maps to work they need to know information about a zone's image file (it's dimensions, how much it "stretches", etc.). For performance reasons, that info is kept in a Javascript file, which means only wiki admins can edit it.

(That info ''could'' be kept in a wiki page that everyone could edit ... but those files aren't "cached" by browsers the same way as Javascript files, so whenever anyone visited ''any'' NPC page, the wiki would have to load that page also to check for the zone info.)

== ... But The Wiki Needs Non-Admin Help ==

However, anyone (not just admins) can help to determine a zone's information. Once they have they can send it to Loramin, either through a forum private message (if you have an active forum account) or through [[User_talk:Loramin]] (if not).

== How to Help ==
To determine a zone's info, you don't need to be a programmer, you just need to fill in a template:

<pre>{
height: *image file height*,
image: '*zone file name*',
test: {
interval: *how far between the grid lines on the map*,
maxX: *the highest X loc on the map*,
maxY: *the highest Y loc on the map*,
minX: *the lowest X loc on the map*,
minY: *the lowest Y loc on the map*
},
width: *image file width*,
zeroX: *the browser "x" position for the 0,0 point on the map*,
zeroY: *the browser "y" position for the 0,0 point on the map*,
zoomX: *the x-axis "zoom"*,
zoomY: *the y-axis "zoom"*
}</pre>

for example:

<pre>{
height: 452,
image: 'Map_eastern_wastes.jpg',
test: {
maxX: 7000,
maxY: 1000,
minX: -6000,
minY: -9000,
xInterval: 1000,
yInterval: 1000
},
width: 550,
zeroX: 284,
zeroY: 62,
zoomX: 0.038,
zoomY: 0.038
}</pre>

To find those values you need to follow the instructions below and use your browser's "developer tools". These instructions assume you're using Chrome, but other browsers have similar tools.

== Finding a Zone's Basic Map Info ==

Go to the zone page you want to add; I'll use [[Eastern Wastes]] as an example. Right-click on the map image and choose "Inspect". You'll see a bunch of HTML code. Don't worry, you don't need to understand it, you just need to find the highlighted section, which will look like this (except without the bolding):

<code><nowiki><</nowiki>img alt="Map eastern wastes.jpg" src="/images/Map_eastern_wastes.jpg" width="550" height="452" class="thumbborder" title="Map eastern wastes.jpg"<nowiki>></nowiki></code>

This will give you the filename of the map image, and tell you its width and height.

<pre>{
height: 452,
image: 'Map_eastern_wastes.jpg',
width: 550
}</pre>

== Finding 0,0 On the Map ==

Next, we need to figure out where "0,0" is on the map. Go to a page for any NPC in the zone. For example in [[Eastern Wastes]] we could choose [[Boridain Glacierbane]].

Your browser developer tools should still be up (if they aren't, right-click and inspect anything on the page, it doesn't matter what). There should be tabs along the top for "Elements", "Console", "Network", etc.; click on "Console".

You will see a white area with a blue angle bracket on the left. Click on the row to the right of that blue bracket and paste in the following code:

<pre>testZeroZero(*your zone info*)</pre>

For instance:
<pre>testZeroZero({
height: 452,
image: 'Map_eastern_wastes.jpg',
width: 550
})</pre>

A map should appear with a big red X ... in the upper left corner :( To fix that, we need to try guessing at where the 0,0 point is. For instance, let's try 100, 100:

<pre>testZeroZero({
height: 452,
image: 'Map_eastern_wastes.jpg',
width: 550,
zeroX: 100,
zeroY: 100
})</pre>

Now our X is closer to the 0,0 point, but still wrong. If we keep playing with it, we can eventually get the X perfectly aligned:

<pre>testZeroZero({
height: 452,
image: 'Map_eastern_wastes.jpg',
width: 550,
zeroX: 284,
zeroY: 62
})</pre>

== Finding the "Zoom Factor": Making the Test Grid ==

We're almost done. We just need to determine how the image scales vs. how the locs on the map scale, or in other words the "zoom factor".

To do this we need to draw some test Xs along the map's grid. To do that we need to know how far apart the lines on the map are. That means adding a new "test" section to the code we have so far:

<pre>test: {
interval: 1000,
maxX: 7000,
maxY: 1000,
minX: -6000,
minY: -9000
},</pre>

To get these numbers, we just have to look at the map itself:

[[File:Map_eastern_wastes.jpg |500px]]

The numbers along the top of the Eastern Wastes map go from 6000 to -5000 ... but really there are grid lines that go all the way to 7000 and -6000. Those numbers become our "maxX" (7000) and "minX" (-6000).

In the same way our "maxY" becomes the highest number on the right-side (1000) and our "minY" becomes the lowest (-9000).

Finally, in both directions the numbers go in intervals of 1000, so we set the "interval" to 1000.

== Finding the "Zoom Factor": Showing the Test Grid ==

Now that we've figured out our testing coordinates we can again go to that blue bracket line, only this time we're going to use slightly different code:

<pre>testGrid(*your zone info*)</pre>

eg.

<pre>testGrid({
height: 452,
image: 'Map_eastern_wastes.jpg',
test: {
interval: 1000,
maxX: 7000,
maxY: 1000,
minX: -6000,
minY: -9000
},
width: 550,
zeroX: 284,
zeroY: 62
})</pre>

Once you do that you should see a "grid" of red X's aligned along the map's grid ... but instead you'll probably see them all over the place. We need to fix that, and once we do we'll be done.

== Finding the "Zoom Factor": Aligning the Test Grid ==

To tell the wiki how much to "zoom" the grid in, you need to add two last bits, the zoomX and zoomY. The default value if you don't provide these is 0.1, so if we set that we'll see the same grid.

<pre>testGrid({
height: 452,
image: 'Map_eastern_wastes.jpg',
test: {
interval: 1000,
maxX: 7000,
maxY: 1000,
minX: -6000,
minY: -9000,
},
width: 550,
zeroX: 284,
zeroY: 62,
zoomX: 0.1,
zoomY: 0.1
})</pre>

They're too far apart, so let's try cutting that value down to 0.05 in each direction:

<pre>testGrid({
height: 452,
image: 'Map_eastern_wastes.jpg',
test: {
interval: 1000,
maxX: 7000,
maxY: 1000,
minX: -6000,
minY: -9000
},
width: 550,
zeroX: 284,
zeroY: 62,
zoomX: 0.05,
zoomY: 0.05
})</pre>

They're still too far apart, but if we experiment a bit more we can get all the X's to align by using the values of 0.38 and 0.379:

<pre>testGrid({
height: 452,
image: 'Map_eastern_wastes.jpg',
test: {
interval: 1000,
maxX: 7000,
maxY: 1000,
minX: -6000,
minY: -9000
},
width: 550,
zeroX: 284,
zeroY: 62,
zoomX: 0.038,
zoomY: 0.0379
})</pre>

== Victory ==

That was a hassle, but now we've figured out the info for a zone map!

<img src="https://i2.wp.com/i.imgur.com/t8zvc.gif"/>

We can PM it to Loramin (or paste it onto his [[User_talk:Loramin|talk page]] if you don't have a forum account), and then he can add it to the wiki, and now anyone looking for NPCs in that zone will be able to find them much more easily thanks to you!

Poriss Splitrock

2019-07-07T22:39:14Z

Backle:

{{MerchantPage

| imagefilename = npc_poriss_splitrock.png

| emu_id = 67065
| illia_id = 1800

| name = Poriss Splitrock
| race = Kaladim Citizen
| class = [[Shopkeeper]]
| level = 40
| agro_radius = 55
| run_speed = 1.6

| zone = [[Kaladim|North Kaladim]]
| location = (746, 138)

| AC = 279
| HP = 2000
| HP_regen = 10
| mana_regen = 10

| attacks_per_round = 2
| attack_speed = 91%
| damage_per_hit = 32 - 120
| special = None

| description = Poriss Splitrock is a merchant in the cleric guild of Kaladim who sells spells. He may be found to the left just after entering the guild.

| items_sold =

<ul><li> [[Armor of Faith|Spell: Armor of Faith]](8pp 3gp 9sp 9cp)
</li><li> [[Banish Undead|Spell: Banish Undead]] (10pp 4gp 9sp 9cp)
</li><li> [[Dismiss Summoned|Spell: Dismiss Summoned]](4pp 1gp 9sp 9cp)
</li><li> [[Earthquake|Spell: Earthquake]] (6pp 2gp 9sp 9cp)
</li><li> [[Hammer of Requital|Spell: Hammer of Requital]](10pp 4gp 9sp 9cp)
</li><li> [[Invoke Fear|Spell: Invoke Fear]] (6pp 2gp 9sp 9cp)
</li><li> [[Nullify Magic|Spell: Nullify Magic]](5pp 2gp 4sp 9cp)
</li><li> [[Pacify|Spell: Pacify]] (8pp 3gp 9sp 9cp)
</li><li> [[Resist Cold|Spell: Resist Cold]] (4pp 1gp 9sp 9cp)
</li><li> [[Resist Disease|Spell: Resist Disease]](6pp 2gp 9sp 9cp)
</li><li> [[Resist Magic|Spell: Resist Magic]] (8pp 3gp 9sp 9cp)
</li><li> [[Resolution|Spell: Resolution]] (10pp 4gp 9sp 9cp)
</li><li> [[Retribution|Spell: Retribution]] (10pp 4gp 9sp 9cp)
</li><li> [[Symbol of Naltron|Spell: Symbol of Naltron]](10pp 4gp 9sp 9cp)
</li><li> [[Word of Souls|Spell: Word of Souls]] (8pp 3gp 9sp 9cp)
</li><li> [[Yaulp III|Spell: Yaulp III]] (10pp 4gp 9sp 9cp)
</li></ul>

| factions =

* [[Merchants of Kaladim]] (-30)

| opposing_factions =

* None

| related_quests =

* None

}}

[[Category:North Kaladim]]

File:Npc poriss splitrock.png

2019-07-07T22:37:23Z

Backle: Backle uploaded a new version of "File:Npc poriss splitrock.png"

File:Npc krako stonesplitter.png

2019-07-07T22:36:12Z

Backle: Backle uploaded a new version of "File:Npc krako stonesplitter.png"

Baleki Nightseer

2019-07-07T22:35:38Z

Backle:

{{MerchantPage

| imagefilename = npc_baleki_nightseer.png

| emu_id = 67086
| illia_id = 7082

| name = Baleki Nightseer
| race = Kaladim Citizen
| class = [[Shopkeeper]]
| level = 38
| agro_radius = 55
| run_speed = 1.6

| zone = [[Kaladim|North Kaladim]]
| location = (779, 158)

| AC = 266
| HP = 1824
| HP_regen = 9
| mana_regen = 9

| attacks_per_round = 2
| attack_speed = 92%
| damage_per_hit = 15 - 76
| special = None

| description = Baleki Nightseer is a merchant in the cleric guild of Kaladim who sells various general items. She may be found to the left after entering the main chamber.

| items_sold =

<ul><li> {{:Backpack}} (5gp 7sp 7cp)
</li><li> {{:Bandages}} (5sp 2cp)
</li><li> {{:Club}} (2pp 9sp 9cp)
</li><li> {{:Flail}} (12pp 5gp 9sp 9cp)
</li><li> {{:Great Staff}} (18pp 8gp 9sp 9cp)
</li><li> {{:Mace}} (12pp 5gp 9sp 9cp)
</li><li> {{:Morning Star}} (15pp 7gp 4sp 9cp)
</li><li> {{:Small Round Shield}} (1pp 5gp 7sp 4cp)
</li><li> {{:Staff}} (4pp 5gp 1sp 4cp)
</li><li> {{:Two Handed Hammer}} (26pp 2gp 4sp 9cp)
</li><li> {{:Warhammer}} (6pp 2gp 9sp 9cp)
</li></ul>

| factions =

* [[Merchants of Kaladim]] (-30)

| opposing_factions =

* None

| related_quests =

* None

}}

[[Category:North Kaladim]]

File:Npc baleki nightseer.png

2019-07-07T22:32:38Z

Backle: Backle uploaded a new version of "File:Npc baleki nightseer.png"

Nultal Malfoot

2019-07-07T22:32:00Z

Backle: Updated coordinates.

{{Classic Era}}
{{Namedmobpage

| imagefilename = npc_nultal_malfoot.png

| emu_id = 67023
| illia_id = 1825

| name = Nultal Malfoot
| race = [[Dwarf]]
| class = GM [[Cleric]]
| level = 61
| agro_radius = 55
| run_speed = 1.85

| zone = [[Kaladim|North Kaladim]]
| location = (797, 158)

| AC = 415
| HP = 20000
| HP_regen = 100
| mana_regen = 100

| attacks_per_round = 2
| attack_speed = 81%
| damage_per_hit = 143 - 283
| special = None

| description =

Nultal Malfoot is a [[Dwarf]] [[Cleric]] posted within the Church of Underfoot, in [[North Kaladim]]. For a fee of three gold pieces, he will cast [[Healing]] upon you.

: You say, 'Hail, Nultal Malfoot'

:: Nultal Malfoot says, 'May the power of Underfoot be with you. Welcome, I am here to serve the will of the king as should you. If you [need healing], then speak. Or perhaps you are here to [return skunk glands]?'

: You say, 'I need healing'

:: Nultal Malfoot says, 'Before the power of Underfoot can attempt to bind your wounds you must pay tribute. Three gold coin!!'

: '''Give Nultal Malfoot 3 gold.'''

:: Nultal Malfoot says, 'May the will of Brell guide you!'

: ''' ''<div style="color:blue">Nultal Malfoot begins to cast [[Healing]]</div>'' '''

: ''' ''<div style="color:purple">You feel much better</div>'' '''

| known_loot =

* None

| factions =

* [[Clerics of Underfoot]] (-30)
* [[Kazon Stormhammer]] (-30)
* [[Miners Guild 249]] (-30)

| opposing_factions =

* None

| related_quests =

* [[Skunk Hunting]]

}}

[[Category:North Kaladim]]

File:Npc priestess ghalea.png

2019-07-07T22:30:15Z

Backle: Backle uploaded a new version of "File:Npc priestess ghalea.png"

File:Npc fettar steelwield.png

2019-07-07T22:29:45Z

Backle: Backle uploaded a new version of "File:Npc fettar steelwield.png"

Resron Silvern

2019-07-07T22:29:16Z

Backle: Updated coordinates and added description.

{{Namedmobpage

| imagefilename = npc_resron_silvern.png

| emu_id = 67022
| illia_id = 1824

| name = Resron Silvern
| race = [[Dwarf]]
| class = GM [[Cleric]]
| level = 61
| agro_radius = 55
| run_speed = 1.85

| zone = [[Kaladim|North Kaladim]]
| location = (778, 107)

| AC = 415
| HP = 20000
| HP_regen = 100
| mana_regen = 100

| attacks_per_round = 2
| attack_speed = 81%
| damage_per_hit = 143 - 283
| special = None

| description = Resron Silvern is one of the guild masters in the cleric guild of Kaladim. He is located to the right after entering the main chamber.

| known_loot =

* None

| factions =

* [[Clerics of Underfoot]] (-30)
* [[Kazon Stormhammer]] (-30)
* [[Miners Guild 249]] (-30)

| opposing_factions =

* None

| related_quests =

* None

}}

[[Category:North Kaladim]]

File:Npc resron silvern.png

2019-07-07T22:26:33Z

Backle:

File:Npc gralpa axeheft.png

2019-07-07T22:25:38Z

Backle: Backle uploaded a new version of "File:Npc gralpa axeheft.png"

Duppa Pickstone

2019-07-07T22:23:48Z

Backle: Added description.

{{MerchantPage

| imagefilename = npc_duppa_pickstone.png

| emu_id = 67012
| illia_id = 1818

| name = Duppa Pickstone
| race = Kaladim Citizen
| class = [[Shopkeeper]]
| level = 39
| agro_radius = 55
| run_speed = 1.6

| zone = [[Kaladim|North Kaladim]]
| location = (746, 126)

| AC = 272
| HP = 1911
| HP_regen = 10
| mana_regen = 10

| attacks_per_round = 2
| attack_speed = 91%
| damage_per_hit = 16 - 78
| special = None

| description = Duppa Pickstone is a merchant in the cleric guild of Kaladim who sells spells. She may be found to the right just after entering the guild.

| items_sold =

<ul><li> [[Bravery|Spell: Bravery]] (4pp 1gp 9sp 9cp)
</li><li> [[Calm|Spell: Calm]] (3pp 1gp 4sp 9cp)
</li><li> [[Daring|Spell: Daring]] (3pp 1gp 4sp 9cp)
</li><li> [[Dismiss Undead|Spell: Dismiss Undead]](4pp 1gp 9sp 9cp)
</li><li> [[Endure Magic|Spell: Endure Magic]] (3pp 1gp 4sp 9cp)
</li><li> [[Hammer of Striking|Spell: Hammer of Striking]](3pp 1gp 4sp 9cp)
</li><li> [[Holy Might|Spell: Holy Might]] (3pp 1gp 4sp 9cp)
</li><li> [[Imbue Ruby|Spell: Imbue Ruby]] (5pp 2gp 4sp 9cp)
</li><li> [[Inspire Fear|Spell: Inspire Fear]] (4pp 1gp 9sp 9cp)
</li><li> [[Spirit Armor|Spell: Spirit Armor]] (3pp 1gp 4sp 9cp)
</li><li> [[Symbol of Ryltan|Spell: Symbol of Ryltan]](4pp 1gp 9sp 9cp)
</li><li> [[Ward Summoned|Spell: Ward Summoned]] (1gp 6sp 7cp)
</li><li> [[Wave of Fear|Spell: Wave of Fear]] (4pp 1gp 9sp 9cp)
</li><li> [[Word of Shadow|Spell: Word of Shadow]](3pp 1gp 4sp 9cp)
</li><li> [[Yaulp II|Spell: Yaulp II]] (3pp 1gp 4sp 9cp)
</li></ul>

| factions =

* [[Merchants of Kaladim]] (-30)

| opposing_factions =

* None

| related_quests =

* None

}}

[[Category:North Kaladim]]

File:Npc duppa pickstone.png

2019-07-07T22:21:29Z

Backle: Backle uploaded a new version of "File:Npc duppa pickstone.png"

File:Npc zeffan holdsman.png

2019-07-07T22:19:27Z

Backle: Backle uploaded a new version of "File:Npc zeffan holdsman.png": Reduce image size.

Zeffan Holdsman

2019-07-07T22:07:50Z

Backle: Updated coordinates and added description.

{{MerchantPage

| imagefilename = npc_zeffan_holdsman.png

| emu_id = 67067
| illia_id = 1810

| name = Zeffan Holdsman
| race = Kaladim Citizen
| class = [[Shopkeeper]]
| level = 42
| agro_radius = 55
| run_speed = 1.65

| zone = [[Kaladim|North Kaladim]]
| location = (734, 125)

| AC = 292
| HP = 2184
| HP_regen = 11
| mana_regen = 11

| attacks_per_round = 2
| attack_speed = 91%
| damage_per_hit = 34 - 126
| special = None

| description = Zeffan Holdsman is a merchant in the cleric guild of Kaladim who sells spells. He may be found just to the right of the door after entering.

| items_sold =

<ul><li> [[Bind Affinity|Spell: Bind Affinity]] (1pp 6gp 7sp 9cp)
</li><li> [[Cancel Magic|Spell: Cancel Magic]] (8gp 3sp 9cp)
</li><li> [[Center|Spell: Center]] (8gp 3sp 9cp)
</li><li> [[Endure Cold|Spell: Endure Cold]] (4sp 1cp)
</li><li> [[Endure Disease|Spell: Endure Disease]](1pp 4sp 9cp)
</li><li> [[Endure Fire|Spell: Endure Fire]] (4sp 1cp)
</li><li> [[Endure Poison|Spell: Endure Poison]] (6gp 2sp 9cp)
</li><li> [[Expulse Undead|Spell: Expulse Undead]](2pp 9sp 9cp)
</li><li> [[Fear|Spell: Fear]] (1gp 6sp 7cp)
</li><li> [[Halo of Light|Spell: Halo of Light]] (1pp 3gp 6sp 4cp)
</li><li> [[Hammer of Wrath|Spell: Hammer of Wrath]](8gp 3sp 9cp)
</li><li> [[Invisibility vs Undead|Spell: Invisibility vs Undead]](4sp 1cp)
</li><li> [[Root|Spell: Root]] (2gp 9cp)
</li><li> [[Sense Summoned|Spell: Sense Summoned]](2gp 9cp)
</li><li> [[Sense the Dead|Spell: Sense the Dead]](4sp 1cp)
</li><li> [[Smite|Spell: Smite]] (2pp 9sp 9cp)
</li><li> [[Soothe|Spell: Soothe]] (4gp 1sp 9cp)
</li><li> [[Summon Food|Spell: Summon Food]] (4sp 1cp)
</li><li> [[Symbol of Transal|Spell: Symbol of Transal]](1pp 9gp 9sp 4cp)
</li><li> [[Word of Pain|Spell: Word of Pain]] (1pp 3gp 6sp 4cp)
</li></ul>

| factions =

* [[Merchants of Kaladim]] (-30)

| opposing_factions =

* None

| related_quests =

* None

}}

[[Category:North Kaladim]]

File:Npc zeffan holdsman.png

2019-07-07T22:04:27Z

Backle: Backle uploaded a new version of "File:Npc zeffan holdsman.png"

Priestess Ghalea

2019-07-07T21:19:50Z

Backle: Updated coordinates and added description.

{{Classic Era}}
{{Namedmobpage

| imagefilename = npc_priestess_ghalea.png

| emu_id = 67024
| illia_id = 1828

| name = Priestess Ghalea
| race = [[Dwarf]]
| class = GM [[Cleric]]
| level = 61
| agro_radius = 55
| run_speed = 1.85

| zone = [[Kaladim|North Kaladim]]
| location = (788, 134)

| AC = 415
| HP = 20000
| HP_regen = 100
| mana_regen = 100

| attacks_per_round = 2
| attack_speed = 81%
| damage_per_hit = 143 - 283
| special = None

| description = Priestess Ghalea is the guild master of the cleric's guild in Kaladim (the Church of Underfoot). She is involved in several quests.

| known_loot =

* None

| factions =

* None

| related_quests =

* [[Armor of Ro Quests|Boots of Ro]]
* [[Armor of Ro Quests|Bracer of Ro]]
* [[Armor of Ro Quests|Breastplate of Ro]]
* [[Armor of Ro Quests|Gauntlets of Ro]]
* [[Armor of Ro Quests|Greaves of Ro]]
* [[Armor of Ro Quests|Helm of Ro]]
* [[Armor of Ro Quests|Vambraces of Ro]]
* [[Chalice of Conquest Quest]]
* [[Guild Summons - Church of Underfoot]]
* [[Soil of Underfoot]]

}}

[[Category:North Kaladim]]

File:Npc priestess ghalea.png

2019-07-07T21:14:58Z

Backle: Backle uploaded a new version of "File:Npc priestess ghalea.png"

Fettar Steelwield

2019-07-07T21:11:38Z

Backle: Updated coordinates and added description. Removed spells that he doesn't stock.

{{MerchantPage

| imagefilename = npc_fettar_steelwield.png

| emu_id = 67064
| illia_id = 1794

| name = Fettar Steelwield
| race = Kaladim Citizen
| class = [[Shopkeeper]]
| level = 42
| agro_radius = 55
| run_speed = 1.65

| zone = [[Kaladim|North Kaladim]]
| location = (799, 106)

| AC = 292
| HP = 2184
| HP_regen = 11
| mana_regen = 11

| attacks_per_round = 2
| attack_speed = 91%
| damage_per_hit = 34 - 126
| special = None

| description = Fettar Steelwield is a merchant in the cleric's guild of Kaladim who sells spells. He is located to the right of the podium after entering the main chamber.

| items_sold =

<ul><li> [[Expel Summoned|Spell: Expel Summoned]](5pp 2gp 4sp 9cp)
</li><li> [[Immobilize|Spell: Immobilize]]
</li><li> [[Shield of Words|Spell: Shield of Words]](10pp 4gp 9sp 9cp)
</li><li> [[Sound of Force|Spell: Sound of Force]](10pp 4gp 9sp 9cp)
</li><li> [[Word Divine|Spell: Word Divine]] (10pp 4gp 9sp 9cp)
</li></ul>

| factions =

* [[Merchants of Kaladim]] (-30)

| opposing_factions =

* None

| related_quests =

* None

}}

[[Category:North Kaladim]]

File:Npc fettar steelwield.png

2019-07-07T21:07:32Z

Backle: Backle uploaded a new version of "File:Npc fettar steelwield.png"

Krako Stonesplitter

2019-07-07T20:46:03Z

Backle: Updated coordinates and added description.

{{MerchantPage

| imagefilename = npc_krako_stonesplitter.png

| emu_id = 67069
| illia_id = 1798

| name = Krako Stonesplitter
| race = Kaladim Citizen
| class = [[Shopkeeper]]
| level = 41
| agro_radius = 55
| run_speed = 1.65

| zone = [[Kaladim|North Kaladim]]
| location = (766, 146)

| AC = 285
| HP = 2091
| HP_regen = 10
| mana_regen = 10

| attacks_per_round = 2
| attack_speed = 91%
| damage_per_hit = 33 - 123
| special = None

| description = This merchant in the cleric's guild of Kaladim sells spells. He is located on the left just after entering the main chamber.

| items_sold =

<ul><li> [[Abolish Poison|Spell: Abolish Poison]](10pp 4gp 9sp 9cp)
</li><li> [[Complete Healing|Spell: Complete Healing]](8pp 3gp 9sp 9cp)
</li><li> [[Counteract Poison|Spell: Counteract Poison]](4pp 1gp 9sp 9cp)
</li><li> [[Cure Blindness|Spell: Cure Blindness]](2gp 9cp)
</li><li> [[Cure Disease|Spell: Cure Disease]] (4sp 1cp)
</li><li> [[Cure Poison|Spell: Cure Poison]] (4sp 1cp)
</li><li> [[Extinguish Fatigue|Spell: Extinguish Fatigue]](3pp 1gp 4sp 9cp)
</li><li> [[Greater Healing|Spell: Greater Healing]](3pp 1gp 4sp 9cp)
</li><li> [[Healing|Spell: Healing]] (1pp 6gp 7sp 9cp)
</li><li> [[Invigor|Spell: Invigor]] (1pp 3gp 6sp 4cp)
</li><li> [[Light Healing|Spell: Light Healing]] (3gp 1sp 4cp)
</li><li> [[Minor Healing|Spell: Minor Healing]] (4sp 1cp)
</li><li> [[Resurrection|Spell: Resurrection]] (10pp 4gp 9sp 9cp)
</li><li> [[Resuscitate|Spell: Resuscitate]] (8pp 3gp 9sp 9cp)
</li><li> [[Revive|Spell: Revive]] (5pp 2gp 4sp 9cp)
</li><li> [[Superior Healing|Spell: Superior Healing]](6pp 2gp 9sp 9cp)
</li><li> [[Word of Healing|Spell: Word of Healing]](10pp 4gp 9sp 9cp)
</li><li> [[Word of Health|Spell: Word of Health]](6pp 2gp 9sp 9cp)
</li></ul>

| factions =

* [[Merchants of Kaladim]] (-30)

| opposing_factions =

* None

| related_quests =

* None

}}

[[Category:North Kaladim]]

File:Npc krako stonesplitter.png

2019-07-07T20:38:15Z

Backle: Backle uploaded a new version of "File:Npc krako stonesplitter.png": Updated picture.

Loc Maps

2019-07-07T00:30:52Z

Backle: /* Which Zones Have Loc Maps */

= What Are Loc Maps? =

NPCs (from enabled zones) now have "(Show On Map)" links next to their location. When you hover your mouse over this link, you will be shown a map of the zone, and the NPC will have a red "X" marking their location on that map.

= Which Zones Have Loc Maps =

The following zones currently have "loc maps":

* [[Eastern Wastes]]
* [[Rivervale]]
* [[North Qeynos]]
* [[South Qeynos]]
* [[Oggok]] -- coming soon, submitted

= Adding Loc Maps =

== Only Admins Can Add New Zones ... ==

In order for loc maps to work they need to know information about a zone's image file (it's dimensions, how much it "stretches", etc.). For performance reasons, that info is kept in a Javascript file, which means only wiki admins can edit it.

(That info ''could'' be kept in a wiki page that everyone could edit ... but those files aren't "cached" by browsers the same way as Javascript files, so whenever anyone visited ''any'' NPC page, the wiki would have to load that page also to check for the zone info.)

== ... But The Wiki Needs Non-Admin Help ==

However, anyone (not just admins) can help to determine a zone's information. Once they have they can send it to Loramin, either through a forum private message (if you have an active forum account) or through [[User_talk:Loramin]] (if not).

== How to Help ==
To determine a zone's info, you don't need to be a programmer, you just need to fill in a template:

<pre>{
height: *image file height*,
image: '*zone file name*',
test: {
interval: *how far between the grid lines on the map*,
maxX: *the highest X loc on the map*,
maxY: *the highest Y loc on the map*,
minX: *the lowest X loc on the map*,
minY: *the lowest Y loc on the map*
},
width: *image file width*,
zeroX: *the browser "x" position for the 0,0 point on the map*,
zeroY: *the browser "y" position for the 0,0 point on the map*,
zoomX: *the x-axis "zoom"*,
zoomY: *the y-axis "zoom"*
}</pre>

for example:

<pre>{
height: 452,
image: 'Map_eastern_wastes.jpg',
test: {
maxX: 7000,
maxY: 1000,
minX: -6000,
minY: -9000,
xInterval: 1000,
yInterval: 1000
},
width: 550,
zeroX: 284,
zeroY: 62,
zoomX: 0.038,
zoomY: 0.038
}</pre>

To find those values you need to follow the instructions below and use your browser's "developer tools". These instructions assume you're using Chrome, but other browsers have similar tools.

== Finding a Zone's Basic Map Info ==

Go to the zone page you want to add; I'll use [[Eastern Wastes]] as an example. Right-click on the map image and choose "Inspect". You'll see a bunch of HTML code. Don't worry, you don't need to understand it, you just need to find the highlighted section, which will look like this (except without the bolding):

<code><nowiki><</nowiki>img alt="Map eastern wastes.jpg" src="/images/Map_eastern_wastes.jpg" width="550" height="452" class="thumbborder" title="Map eastern wastes.jpg"<nowiki>></nowiki></code>

This will give you the filename of the map image, and tell you its width and height.

<pre>{
height: 452,
image: 'Map_eastern_wastes.jpg',
width: 550
}</pre>

== Finding 0,0 On the Map ==

Next, we need to figure out where "0,0" is on the map. Go to a page for any NPC in the zone. For example in [[Eastern Wastes]] we could choose [[Boridain Glacierbane]].

Your browser developer tools should still be up (if they aren't, right-click and inspect anything on the page, it doesn't matter what). There should be tabs along the top for "Elements", "Console", "Network", etc.; click on "Console".

You will see a white area with a blue angle bracket on the left. Click on the row to the right of that blue bracket and paste in the following code:

<pre>testZeroZero(*your zone info*)</pre>

For instance:
<pre>testZeroZero({
height: 452,
image: 'Map_eastern_wastes.jpg',
width: 550
})</pre>

A map should appear with a big red X ... in the upper left corner :( To fix that, we need to try guessing at where the 0,0 point is. For instance, let's try 100, 100:

<pre>testZeroZero({
height: 452,
image: 'Map_eastern_wastes.jpg',
width: 550,
zeroX: 100,
zeroY: 100
})</pre>

Now our X is closer to the 0,0 point, but still wrong. If we keep playing with it, we can eventually get the X perfectly aligned:

<pre>testZeroZero({
height: 452,
image: 'Map_eastern_wastes.jpg',
width: 550,
zeroX: 284,
zeroY: 62
})</pre>

== Finding the "Zoom Factor": Making the Test Grid ==

We're almost done. We just need to determine how the image scales vs. how the locs on the map scale, or in other words the "zoom factor".

To do this we need to draw some test Xs along the map's grid. To do that we need to know how far apart the lines on the map are. That means adding a new "test" section to the code we have so far:

<pre>test: {
interval: 1000,
maxX: 7000,
maxY: 1000,
minX: -6000,
minY: -9000
},</pre>

To get these numbers, we just have to look at the map itself:

[[File:Map_eastern_wastes.jpg |500px]]

The numbers along the top of the Eastern Wastes map go from 6000 to -5000 ... but really there are grid lines that go all the way to 7000 and -6000. Those numbers become our "maxX" (7000) and "minX" (-6000).

In the same way our "maxY" becomes the highest number on the right-side (1000) and our "minY" becomes the lowest (-9000).

Finally, in both directions the numbers go in intervals of 1000, so we set the "interval" to 1000.

== Finding the "Zoom Factor": Showing the Test Grid ==

Now that we've figured out our testing coordinates we can again go to that blue bracket line, only this time we're going to use slightly different code:

<pre>testGrid(*your zone info*)</pre>

eg.

<pre>testGrid({
height: 452,
image: 'Map_eastern_wastes.jpg',
test: {
interval: 1000,
maxX: 7000,
maxY: 1000,
minX: -6000,
minY: -9000
},
width: 550,
zeroX: 284,
zeroY: 62
})</pre>

Once you do that you should see a "grid" of red X's aligned along the map's grid ... but instead you'll probably see them all over the place. We need to fix that, and once we do we'll be done.

== Finding the "Zoom Factor": Aligning the Test Grid ==

To tell the wiki how much to "zoom" the grid in, you need to add two last bits, the zoomX and zoomY. The default value if you don't provide these is 0.1, so if we set that we'll see the same grid.

<pre>testGrid({
height: 452,
image: 'Map_eastern_wastes.jpg',
test: {
interval: 1000,
maxX: 7000,
maxY: 1000,
minX: -6000,
minY: -9000,
},
width: 550,
zeroX: 284,
zeroY: 62,
zoomX: 0.1,
zoomY: 0.1
})</pre>

They're too far apart, so let's try cutting that value down to 0.05 in each direction:

<pre>testGrid({
height: 452,
image: 'Map_eastern_wastes.jpg',
test: {
interval: 1000,
maxX: 7000,
maxY: 1000,
minX: -6000,
minY: -9000
},
width: 550,
zeroX: 284,
zeroY: 62,
zoomX: 0.05,
zoomY: 0.05
})</pre>

They're still too far apart, but if we experiment a bit more we can get all the X's to align by using the values of 0.38 and 0.379:

<pre>testGrid({
height: 452,
image: 'Map_eastern_wastes.jpg',
test: {
interval: 1000,
maxX: 7000,
maxY: 1000,
minX: -6000,
minY: -9000
},
width: 550,
zeroX: 284,
zeroY: 62,
zoomX: 0.038,
zoomY: 0.0379
})</pre>

== Victory ==

That was a hassle, but now we've figured out the info for a zone map!

<img src="https://i2.wp.com/i.imgur.com/t8zvc.gif"/>

We can PM it to Loramin (or paste it onto his [[User_talk:Loramin|talk page]] if you don't have a forum account), and then he can add it to the wiki, and now anyone looking for NPCs in that zone will be able to find them much more easily thanks to you!

Loc Maps

2019-07-06T21:34:15Z

Backle:

= What Are Loc Maps? =

NPCs (from enabled zones) now have "(Show On Map)" links next to their location. When you hover your mouse over this link, you will be shown a map of the zone, and the NPC will have a red "X" marking their location on that map.

= Which Zones Have Loc Maps =

The following zones currently have "loc maps":

* [[Eastern Wastes]]
* [[Rivervale]]
* [[North Qeynos]] -- coming soon, submitted
* [[South Qeynos]] -- coming soon, submitted

= Adding Loc Maps =

== Only Admins Can Add New Zones ... ==

In order for loc maps to work they need to know information about a zone's image file (it's dimensions, how much it "stretches", etc.). For performance reasons, that info is kept in a Javascript file, which means only wiki admins can edit it.

(That info ''could'' be kept in a wiki page that everyone could edit ... but those files aren't "cached" by browsers the same way as Javascript files, so whenever anyone visited ''any'' NPC page, the wiki would have to load that page also to check for the zone info.)

== ... But The Wiki Needs Non-Admin Help ==

However, anyone (not just admins) can help to determine a zone's information. Once they have they can send it to Loramin, either through a forum private message (if you have an active forum account) or through [[User_talk:Loramin]] (if not).

== How to Help ==
To determine a zone's info, you don't need to be a programmer, you just need to fill in a template:

<pre>{
height: *image file height*,
image: '*zone file name*',
test: {
interval: *how far between the grid lines on the map*,
maxX: *the highest X loc on the map*,
maxY: *the highest Y loc on the map*,
minX: *the lowest X loc on the map*,
minY: *the lowest Y loc on the map*
},
width: *image file width*,
zeroX: *the browser "x" position for the 0,0 point on the map*,
zeroY: *the browser "y" position for the 0,0 point on the map*,
zoomX: *the x-axis "zoom"*,
zoomY: *the y-axis "zoom"*
}</pre>

for example:

<pre>{
height: 452,
image: 'Map_eastern_wastes.jpg',
test: {
maxX: 7000,
maxY: 1000,
minX: -6000,
minY: -9000,
xInterval: 1000,
yInterval: 1000
},
width: 550,
zeroX: 284,
zeroY: 62,
zoomX: 0.038,
zoomY: 0.038
}</pre>

To find those values you need to follow the instructions below and use your browser's "developer tools". These instructions assume you're using Chrome, but other browsers have similar tools.

== Finding a Zone's Basic Map Info ==

Go to the zone page you want to add; I'll use [[Eastern Wastes]] as an example. Right-click on the map image and choose "Inspect". You'll see a bunch of HTML code. Don't worry, you don't need to understand it, you just need to find the highlighted section, which will look like this (except without the bolding):

<code><nowiki><</nowiki>img alt="Map eastern wastes.jpg" src="/images/Map_eastern_wastes.jpg" width="550" height="452" class="thumbborder" title="Map eastern wastes.jpg"<nowiki>></nowiki></code>

This will give you the filename of the map image, and tell you its width and height.

<pre>{
height: 452,
image: 'Map_eastern_wastes.jpg',
width: 550
}</pre>

== Finding 0,0 On the Map ==

Next, we need to figure out where "0,0" is on the map. Go to a page for any NPC in the zone. For example in [[Eastern Wastes]] we could choose [[Boridain Glacierbane]].

Your browser developer tools should still be up (if they aren't, right-click and inspect anything on the page, it doesn't matter what). There should be tabs along the top for "Elements", "Console", "Network", etc.; click on "Console".

You will see a white area with a blue angle bracket on the left. Click on the row to the right of that blue bracket and paste in the following code:

<pre>testZeroZero(*your zone info*)</pre>

For instance:
<pre>testZeroZero({
height: 452,
image: 'Map_eastern_wastes.jpg',
width: 550
})</pre>

A map should appear with a big red X ... in the upper left corner :( To fix that, we need to try guessing at where the 0,0 point is. For instance, let's try 100, 100:

<pre>testZeroZero({
height: 452,
image: 'Map_eastern_wastes.jpg',
width: 550,
zeroX: 100,
zeroY: 100
})</pre>

Now our X is closer to the 0,0 point, but still wrong. If we keep playing with it, we can eventually get the X perfectly aligned:

<pre>testZeroZero({
height: 452,
image: 'Map_eastern_wastes.jpg',
width: 550,
zeroX: 284,
zeroY: 62
})</pre>

== Finding the "Zoom Factor": Making the Test Grid ==

We're almost done. We just need to determine how the image scales vs. how the locs on the map scale, or in other words the "zoom factor".

To do this we need to draw some test Xs along the map's grid. To do that we need to know how far apart the lines on the map are. That means adding a new "test" section to the code we have so far:

<pre>test: {
interval: 1000,
maxX: 7000,
maxY: 1000,
minX: -6000,
minY: -9000
},</pre>

To get these numbers, we just have to look at the map itself:

[[File:Map_eastern_wastes.jpg |500px]]

The numbers along the top of the Eastern Wastes map go from 6000 to -5000 ... but really there are grid lines that go all the way to 7000 and -6000. Those numbers become our "maxX" (7000) and "minX" (-6000).

In the same way our "maxY" becomes the highest number on the right-side (1000) and our "minY" becomes the lowest (-9000).

Finally, in both directions the numbers go in intervals of 1000, so we set the "interval" to 1000.

== Finding the "Zoom Factor": Showing the Test Grid ==

Now that we've figured out our testing coordinates we can again go to that blue bracket line, only this time we're going to use slightly different code:

<pre>testGrid(*your zone info*)</pre>

eg.

<pre>testGrid({
height: 452,
image: 'Map_eastern_wastes.jpg',
test: {
interval: 1000,
maxX: 7000,
maxY: 1000,
minX: -6000,
minY: -9000
},
width: 550,
zeroX: 284,
zeroY: 62
})</pre>

Once you do that you should see a "grid" of red X's aligned along the map's grid ... but instead you'll probably see them all over the place. We need to fix that, and once we do we'll be done.

== Finding the "Zoom Factor": Aligning the Test Grid ==

To tell the wiki how much to "zoom" the grid in, you need to add two last bits, the zoomX and zoomY. The default value if you don't provide these is 0.1, so if we set that we'll see the same grid.

<pre>testGrid({
height: 452,
image: 'Map_eastern_wastes.jpg',
test: {
interval: 1000,
maxX: 7000,
maxY: 1000,
minX: -6000,
minY: -9000,
},
width: 550,
zeroX: 284,
zeroY: 62,
zoomX: 0.1,
zoomY: 0.1
})</pre>

They're too far apart, so let's try cutting that value down to 0.05 in each direction:

<pre>testGrid({
height: 452,
image: 'Map_eastern_wastes.jpg',
test: {
interval: 1000,
maxX: 7000,
maxY: 1000,
minX: -6000,
minY: -9000
},
width: 550,
zeroX: 284,
zeroY: 62,
zoomX: 0.05,
zoomY: 0.05
})</pre>

They're still too far apart, but if we experiment a bit more we can get all the X's to align by using the values of 0.38 and 0.379:

<pre>testGrid({
height: 452,
image: 'Map_eastern_wastes.jpg',
test: {
interval: 1000,
maxX: 7000,
maxY: 1000,
minX: -6000,
minY: -9000
},
width: 550,
zeroX: 284,
zeroY: 62,
zoomX: 0.038,
zoomY: 0.0379
})</pre>

== Victory ==

That was a hassle, but now we've figured out the info for a zone map!

<img src="https://i2.wp.com/i.imgur.com/t8zvc.gif"/>

We can PM it to Loramin (or paste it onto his [[User_talk:Loramin|talk page]] if you don't have a forum account), and then he can add it to the wiki, and now anyone looking for NPCs in that zone will be able to find them much more easily thanks to you!

User talk:Backle

2019-07-06T16:48:43Z

Backle:

You're awesome! The forum only let's you PM after you've made like five posts or something I think (it's an anti-spam thing to keep non-EQ people from signing up and sending annoying ad PMs).

If you don't want to waste time making posts for no reason, feel free to just put the zone code into my talk page directly. And don't forget to mention when you'll next be on so I can reward you. Thanks!
--[[User:Loramin|Loramin]] ([[User talk:Loramin|talk]]) 15:40, 6 July 2019 (UTC)

Thanks! I posted my loc map object on your talk page. I am trying to make some posts since PM's are more convenient, but they're pending for moderator approval. I would like to do some more, so let me know when North Qeynos is approved, and I'll start working on the next one. As for meeting up, currently my character is in Unrest, so it won't be too easy to get to the tunnel right now. Maybe tomorrow?

--[[User:Backle|Backle]] ([[User talk:Backle|talk]]) 16:48, 6 July 2019 (UTC)

User talk:Loramin

2019-07-06T16:40:20Z

Backle:

== Magelo Pages ==

There are both [[Magelo Blue:Loramin]] and Magelo Blue:Magelo Blue:Loramin, can I delete one? --[[User:Ravhin|Ravhin]] ([[User talk:Ravhin|talk]]) 21:22, 4 January 2014 (UTC)

Sure, dunno how I got Magelo Blue:Magelo Blue:Loramin

== Test ==

Hello pal, I moved your Test page in your personal sandbox: [[User_talk:Loramin/sandbox]]. [[User:Maximum|Maximum]] ([[User talk:Maximum|talk]]) 22:47, 12 February 2017 (UTC)

== Duplicate Page ==
I was going through the Thurgadin armour quests and found that Bard has a duplicate page. 
The proper one [[Bard Thurgadin Armor Quests]] 
The duplicate [[Thurgadin Bard Armor Quest]] 
They have some minor differences wasn't sure what to do. 
--[[User:Baler|Baler]] ([[User talk:Baler|talk]]) 17:36, 29 August 2017 (UTC)

== Custom images on item pages ==

Please see [[User_talk:Zosymandias]] and add to the discussion. --[[User:Ravhin|Ravhin]] ([[User talk:Ravhin|talk]]) 09:24, 22 October 2017 (UTC)

== Pages w/ Missing Auction Tracker Boxes ==

Hey Loramin- I know Ravhin isn't really around so I'm not sure who else to bring this up to. I've been trying my best to keep the prices updated on the wiki and identify item pages that are missing the auction box. I've posted this to Rav's user page as well since he did fix a handfull of these last year.

'''List of Pages that need price info on them:''' 
1) http://wiki.project1999.com/Swirling_Sphere_of_Color 
2) http://wiki.project1999.com/Zumaik%60s_Animation 
3) http://wiki.project1999.com/Velium_Jasper_Ring 
4) http://wiki.project1999.com/Silvery_Belt_of_Contention 
5) https://wiki.project1999.com/Call_of_Sky 
6) https://wiki.project1999.com/Club_of_the_Ice_Ocean 
7) http://wiki.project1999.com/Knotted_Turtlebone_Ring 
8) http://wiki.project1999.com/Kobold_Bone_Gauntlets 
9) http://wiki.project1999.com/Shroud_of_Hate 
10) http://wiki.project1999.com/Mt._Death_Mineral_Salts 
11) http://wiki.project1999.com/Sabertooth_Tiger_Hide 
12) http://wiki.project1999.com/Mask_of_War 
13) http://wiki.project1999.com/Ulthork_Hide_Collar 

--[[User:Helpr|Helpr]] ([[User talk:Helpr|talk]]) 23:08, 20 March 2018 (UTC)

== Re: Pages w/ Missing Auction Tracker Boxes ==

I actually got a PM from Ravhin in September last year, so while I don't know the details it seems like he's still around to some degree. You could always try PMing him.

I've actually been wondering about the items that are missing their auction tracker too, but unfortunately to find the answer (without Ravhin's help) you have to understand the PHP code he wrote, and since PHP is a language I'm not a big fan of I haven't wanted to spend the time/energy.

If you (or someone you know) knows PHP though you can download his code by clicking the "Custom Extensions Source" link at http://wiki.project1999.com/utils/wikiUtils.php. The auction tracker code has its own folder, and it should explain how the tracker does what it does (and thus why it leaves out certain items).

--[[User:Loramin|Loramin]] ([[User talk:Loramin|talk]]) 01:28, 21 March 2018 (UTC)

So I looked through the AuctionTracker folder and while I'm very rusty in parsing code of any kind it seems like the PHP files in there are for the machinery of the tracker and not the embedded call on the item pages to pull that applet. The one thing that might be it is if the subset of items that are missing the tracker box are not in the Lucy database it's referencing as part of a log parse then I guess that would explain it. My best guess is that there are two templates for new item pages and one has the tracker, and one doesn't so that's why only a small subset of item pages are missing it. I might try to create some duplicate item pages to see if I can figure out if that's the case...

--[[User:Helpr|Helpr]] ([[User talk:Helpr|talk]]) 21:48, 21 March 2018 (UTC)

I've tried playing around with the wiki markup on the auction-less pages, but haven't had much luck myself. Hope you have better luck :)

--[[User:Loramin|Loramin]] ([[User talk:Loramin|talk]]) 01:39, 23 March 2018 (UTC)

No luck on my end either... seems to be something with the back end in how it takes the wiki markup to create the page since the wiki code the new item tool spits out is essentially the same regardless whether the item will end up with an auction box or not... you can see the missing chunk of code in if you look at the rendered pages source code of items with and without the auction box. Unfortunately we're getting to the limits of my coding knowledge... Do you know if there are any other active admins we could reach out to for ideas?

Otherwise I'll just continue pulling together a list of pages that are missing the box with the hope that some future whippersnapper comes along to figure it out :)

--[[User:Helpr|Helpr]] ([[User talk:Helpr|talk]]) 20:47, 23 March 2018 (UTC)

Just Ravhin :(

--[[User:Loramin|Loramin]] ([[User talk:Loramin|talk]]) 03:14, 24 March 2018 (UTC)

Where art thou Ravhin~~

--[[User:Helpr|Helpr]] ([[User talk:Helpr|talk]]) 15:30, 24 March 2018 (UTC)

== Wiki Code ==

There are a few things that maybe you have the knowledge to address that I don't first it seems someone has been uploading quite a number of outrageous auction tracker prices (eg [[Sarnak_Battle_Shield]]) and the ability to trim the outliers is current set to off [[Special:AuctionTracker/TRIMOUTLIERS | Trim Outliers]] can we turn that on, or is that a Ravhin ability?.

Secondly on the page [[:Category:Deity Worshiper Equipment]] and its subcategories when you hover over most links you get the error "AjaxHoverHelper Error 2." and it often obscures the links.

Lastly I think I have fixed this one but it seems the [[Template:Item Lore]] was causing issues with the Special:ClassSlotEquip and Special:DynamicZoneList reaping data correctly. I edited the Item Lore Template and hopefully when the Dynamic lists repopulate it will fix itself. I know it takes a few days do you know when it repopulates by anychance? --[[User:Zosymandias|Zosymandias]] ([[User talk:Zosymandias|talk]]) 16:10, 5 March 2019 (UTC)

== Re: Wiki Code ==

ability to trim the outliers is current set to off [[Special:AuctionTracker/TRIMOUTLIERS | Trim Outliers]] can we turn that on, or is that a Ravhin ability?

That's all Ravhin (or technically anyone ''could'' change the PHP code to Rogean and ask him to deploy it, but Ravhin has both the knowledge and ability to change his own code PLUS I'm pretty sure he has the power to deploy it himself, so if at all possible you'll want to talk to him).

Personally my thought is that we should make the Auction Tracker correction page(s) wiki admin-only. That way admins can still fix things, but non-admins can't abuse the system to inflate prices (which I'm pretty sure is why it was turned off in the first place).

Secondly on the page Category:Deity Worshiper Equipment and its subcategories when you hover over most links you get the error "AjaxHoverHelper Error 2." and it often obscures the links.

Thanks for catching that; I just fixed it (you may need to refresh or even clear cache to see the fix). What was going on is that I added mouse-over item links to all the equipment categories awhile back, so you didn't have to click on each item in a category to see it. However my code confused by that category, because it had "Equipment" in the title, but didn't have item pages (and it's ironic because I created that category).

hopefully when the Dynamic lists repopulate it will fix itself. I know it takes a few days do you know when it repopulates by anychance?

I don't, but I'm glad to hear you found a fix. If it doesn't repopulate itself soon, I think the answer is ... unfortunately ... Ravhin.

Hope that helps.

--[[User:Loramin|Loramin]] ([[User talk:Loramin|talk]]) 16:29, 5 March 2019 (UTC)

== North Qeynos Done, Can't Send PM? ==

Hi, I am working on North Qeynos, but I can't send a PM on the forums. Apparently I don't have permission. Could you possibly give me permission to send PM's on the forums? My user name is Backle.

--[[User:Backle|Backle]] ([[User talk:Backle|talk]]) 14:08, 6 July 2019 (UTC)

== North Qeynos Loc Map ==

Here it is. Wiki is messing up my outside curly braces.

{
height: 319,
image: 'Zone_nqeynos.jpg',
test: {
interval: 200,
maxX: 400,
maxY: 400,
minX: -600,
minY: -200
},
width: 458,
zeroX: 204,
zeroY: 189,
zoomX: .39,
zoomY: .39
}

I noticed if it's aligned in one part of the map, it gets slightly misaligned by the time you get to the other side. I'm not sure if this is precision error or lack of uniformity in the grid? In the Eastern Wastes example you did, it looks perfect in the center, but then it's slightly misaligned at the bottom right. Is this just my browser or do you see the same? I'm using Firefox at 100% zoom. Of course zooming in either makes the already present misalignment more noticeable or is in fact the cause of further misalignment. Presumably 100% zoom is needed? Thanks.

--[[User:Backle|Backle]] ([[User talk:Backle|talk]]) 16:40, 6 July 2019 (UTC)

User:Backle

2019-07-06T14:16:50Z

Backle: Created page with "Greetings. This is my page. I hope you like it."

Greetings. This is my page. I hope you like it.

User talk:Loramin

2019-07-06T14:08:21Z

Backle:

Loc Maps

2019-07-06T13:24:09Z

Backle: /* Which Zones Have Loc Maps */

= What Are Loc Maps? =

NPCs (from enabled zones) now have "(Show On Map)" links next to their location. When you hover your mouse over this link, you will be shown a map of the zone, and the NPC will have a red "X" marking their location on that map.

= Which Zones Have Loc Maps =

The following zones currently have "loc maps":

* [[Eastern Wastes]]
* [[Rivervale]]
* [[North Qeynos]] -- coming soon

= Adding Loc Maps =

== Only Admins Can Add New Zones ... ==

In order for loc maps to work they need to know information about a zone's image file (it's dimensions, how much it "stretches", etc.). For performance reasons, that info is kept in a Javascript file, which means only wiki admins can edit it.

(That info ''could'' be kept in a wiki page that everyone could edit ... but those files aren't "cached" by browsers the same way as Javascript files, so whenever anyone visited ''any'' NPC page, the wiki would have to load that page also to check for the zone info.)

== ... But The Wiki Needs Non-Admin Help ==

However, anyone (not just admins) can help to determine a zone's information. Once they have they can send it to Loramin, either through a forum private message (preferred) or through [[User_talk:Loramin]] (if you don't have a forum account).

== How to Help ==
To determine a zone's info, you don't need to be a programmer, you just need to fill in a template:

<pre>{
height: *image file height*,
image: '*zone file name*',
test: {
interval: *how far between the grid lines on the map*,
maxX: *the highest X loc on the map*,
maxY: *the highest Y loc on the map*,
minX: *the lowest X loc on the map*,
minY: *the lowest Y loc on the map*
},
width: *image file width*,
zeroX: *the browser "x" position for the 0,0 point on the map*,
zeroY: *the browser "y" position for the 0,0 point on the map*,
zoomX: *the x-axis "zoom"*,
zoomY: *the y-axis "zoom"*
}</pre>

for example:

<pre>{
height: 452,
image: 'Map_eastern_wastes.jpg',
test: {
maxX: 7000,
maxY: 1000,
minX: -6000,
minY: -9000,
xInterval: 1000,
yInterval: 1000
},
width: 550,
zeroX: 284,
zeroY: 62,
zoomX: 0.038,
zoomY: 0.038
}</pre>

To find those values you need to follow the instructions below and use your browser's "developer tools". These instructions assume you're using Chrome, but other browsers have similar tools.

== Finding a Zone's Basic Map Info ==

Go to the zone page you want to add; I'll use [[Eastern Wastes]] as an example. Right-click on the map image and choose "Inspect". You'll see a bunch of HTML code. Don't worry, you don't need to understand it, you just need to find the highlighted section, which will look like this (except without the bolding):

<code><nowiki><</nowiki>img alt="Map eastern wastes.jpg" src="/images/Map_eastern_wastes.jpg" width="550" height="452" class="thumbborder" title="Map eastern wastes.jpg"<nowiki>></nowiki></code>

This will give you the filename of the map image, and tell you its width and height.

<pre>{
height: 452,
image: 'Map_eastern_wastes.jpg',
width: 550
}</pre>

== Finding 0,0 On the Map ==

Next, we need to figure out where "0,0" is on the map. Go to a page for any NPC in the zone. For example in [[Eastern Wastes]] we could choose [[Boridain Glacierbane]].

Your browser developer tools should still be up (if they aren't, right-click and inspect anything on the page, it doesn't matter what). There should be tabs along the top for "Elements", "Console", "Network", etc.; click on "Console".

You will see a white area with a blue angle bracket on the left. Click on the row to the right of that blue bracket and paste in the following code:

<pre>testZeroZero(*your zone info*)</pre>

For instance:
<pre>testZeroZero({
height: 452,
image: 'Map_eastern_wastes.jpg',
width: 550
})</pre>

A map should appear with a big red X ... in the upper left corner :( To fix that, we need to try guessing at where the 0,0 point is. For instance, let's try 100, 100:

<pre>testZeroZero({
height: 452,
image: 'Map_eastern_wastes.jpg',
width: 550,
zeroX: 100,
zeroY: 100
})</pre>

Now our X is closer to the 0,0 point, but still wrong. If we keep playing with it, we can eventually get the X perfectly aligned:

<pre>testZeroZero({
height: 452,
image: 'Map_eastern_wastes.jpg',
width: 550,
zeroX: 284,
zeroY: 62
})</pre>

== Finding the "Zoom Factor": Making the Test Grid ==

We're almost done. We just need to determine how the image scales vs. how the locs on the map scale, or in other words the "zoom factor".

To do this we need to draw some test Xs along the map's grid. To do that we need to know how far apart the lines on the map are. That means adding a new "test" section to the code we have so far:

<pre>test: {
interval: 1000,
maxX: 7000,
maxY: 1000,
minX: -6000,
minY: -9000
},</pre>

To get these numbers, we just have to look at the map itself:

[[File:Map_eastern_wastes.jpg |500px]]

The numbers along the top of the Eastern Wastes map go from 6000 to -5000 ... but really there are grid lines that go all the way to 7000 and -6000. Those numbers become our "maxX" (7000) and "minX" (-6000).

In the same way our "maxY" becomes the highest number on the right-side (1000) and our "minY" becomes the lowest (-9000).

Finally, in both directions the numbers go in intervals of 1000, so we set the "interval" to 1000.

== Finding the "Zoom Factor": Showing the Test Grid ==

Now that we've figured out our testing coordinates we can again go to that blue bracket line, only this time we're going to use slightly different code:

<pre>testGrid(*your zone info*)</pre>

eg.

<pre>testGrid({
height: 452,
image: 'Map_eastern_wastes.jpg',
test: {
interval: 1000,
maxX: 7000,
maxY: 1000,
minX: -6000,
minY: -9000
},
width: 550,
zeroX: 284,
zeroY: 62
})</pre>

Once you do that you should see a "grid" of red X's aligned along the map's grid ... but instead you'll probably see them all over the place. We need to fix that, and once we do we'll be done.

== Finding the "Zoom Factor": Aligning the Test Grid ==

To tell the wiki how much to "zoom" the grid in, you need to add two last bits, the zoomX and zoomY. The default value if you don't provide these is 0.1, so if we set that we'll see the same grid.

<pre>testGrid({
height: 452,
image: 'Map_eastern_wastes.jpg',
test: {
interval: 1000,
maxX: 7000,
maxY: 1000,
minX: -6000,
minY: -9000,
},
width: 550,
zeroX: 284,
zeroY: 62,
zoomX: 0.1,
zoomY: 0.1
})</pre>

They're too far apart, so let's try cutting that value down to 0.05 in each direction:

<pre>testGrid({
height: 452,
image: 'Map_eastern_wastes.jpg',
test: {
interval: 1000,
maxX: 7000,
maxY: 1000,
minX: -6000,
minY: -9000
},
width: 550,
zeroX: 284,
zeroY: 62,
zoomX: 0.05,
zoomY: 0.05
})</pre>

They're still too far apart, but if we experiment a bit more we can get all the X's to align by using the values of 0.38 and 0.379:

<pre>testGrid({
height: 452,
image: 'Map_eastern_wastes.jpg',
test: {
interval: 1000,
maxX: 7000,
maxY: 1000,
minX: -6000,
minY: -9000
},
width: 550,
zeroX: 284,
zeroY: 62,
zoomX: 0.038,
zoomY: 0.0379
})</pre>

== Victory ==

That was a hassle, but now we've figured out the info for a zone map!

<img src="https://i2.wp.com/i.imgur.com/t8zvc.gif"/>

We can PM it to Loramin, he can add it to the wiki, and now anyone looking for NPCs in that zone will be able to find them much more easily thanks to you!