User:Talibeh/Scratchpad2/Add Google Map Walkthrough

This walkthrough covers only the most basic and commonly used settings for sizing the map, displaying a location, and choosing a marker. See the main Maps page if you want more information on each of these features.

Copy/paste the map framework text to your page source.

<googlemap 
controls="small" showposition="yes" showregion="yes">

<!--map locations go here-->

</googlemap>

Add a location to the map.

For a map location, you can choose a marker (or use the default), and you can set a text description that will pop up when your mouse hovers over the marker.

First, find the coordinates in-game by looking at the top center of your screen or at the top of your minimap. Then, to add the location most simply, just type the coordinates on a new line below the "map locations go here" comment:

400, 2250

To add the same location with the description 'My home compound (400, 2550)', type the following below the "map locations go here" comment:

400, 2250, My home compound (400, 2250)

Now, when you hover your mouse over that location marker on your map, everything after the first two numbers will pop up as a description.

Finally, to add the same location to the map, but this time with both the description and a marker, type the following below the "map locations go here" comment:

(GH) 400, 2250, My home compound (400, 2550)

You will end up with:

<googlemap 
controls="small" showposition="yes" showregion="yes">

<!--map locations go here-->
(GH) 400, 2250, My home compound (400, 2550)
</googlemap>

Size, zoom, and shift the map's center.

If you want your map to show all of Egypt, at a standard size that will fit on a wiki page, there is no need to do anything more. (The default settings will do all of that without you needing to type anything else in.)

If you want to change where your map is centered, its size in pixels, or how far in/out it is zoomed, you will need to add those settings. You can change just one setting from the default, two settings, or all three.

Create a new line just after the "<googlemap" line and just before the line starting with "controls=small", and place the new text on the new line. To change all the settings away from default, the new line will look something like:

lat="212" lon="991" width="300" height="100" zoom="4"

If you want to change only one of these settings, keep reading.

Centering

If you want your map to be centered on your home at -212, 991, then add:

lat="212" lon="991"

Sizing

For a map that is 300 pixels wide and 150 pixels tall, add:

width="300" height="150"

Zooming

You can set the zoom value anywhere between 1 and 6: the higher the number, the closer in the zoom. Most maps you see on the wiki are set to a zoom of 2. To zoom your map to level 4, add:

zoom=4"

Cut-and-Paste Examples

For a default-sized and -zoomed map, showing only your compound (located at 400, -2250).

<googlemap 
controls="small" showposition="yes" showregion="yes">

<!--map locations go here-->
(GH) 400, -2250, My home compound (400, -2550)
</googlemap>

For a map zoomed into your neighborhood, and showing your copper mine and vineyard:

<googlemap 
lat="400" lon="-2250" width="500" height="500" zoom="5"
controls="small" showposition="yes" showregion="yes">

<!--map locations go here-->
(GH) 400, -2250, My home compound (400, -2550)
(MtCu) 412, -2129, My copper mine (412, -2129)
(grape)495, -2271, My vineyard (495, -2271)
</googlemap>

Here are also examples of empty maps zoomed in to various regions. (Note that if you want to include standard locations such as chariot stops or public works, it may be simpler for you to use Condmap-style maps.)

Alcyone:

<googlemap 
lat="1655" lon="2000" width="415" height="255" zoom="3"
controls="small" showposition="yes" showregion="yes">

<!--map locations go here-->
</googlemap>

Celaeno:

<googlemap 
lat="-1530" lon="930" width="390" height="890" zoom="3"
controls="small" showposition="yes" showregion="yes">

<!--map locations go here-->
</googlemap>

Maia:

<googlemap 
lat="1025" lon="-5400" width="515" height="355" zoom="2"
controls="small" showposition="yes" showregion="yes">

<!--map locations go here-->
</googlemap>

Merope:

<googlemap 
lat="-1530" lon="6325" width="388" height="475" zoom="3"
controls="small" showposition="yes" showregion="yes">

<!--map locations go here-->
</googlemap>

Sinai:

<googlemap 
lat="3563" lon="4600" width="393" height="903" zoom="3"
controls="small" showposition="yes" showregion="yes">

<!--map locations go here-->
</googlemap>

Sterope:

<googlemap 
lat="2565" lon="-800" width="640" height="453" zoom="3"
controls="small" showposition="yes" showregion="yes">

<!--map locations go here-->
</googlemap>

Taygete:

<googlemap 
lat="1005" lon="5600" width="255" height="655" zoom="3"
controls="small" showposition="yes" showregion="yes">

<!--map locations go here-->
</googlemap>