User:Mayanah/map

USING ALTERNATE ICONS IN MAPS

Explanation

When you create a map it inserts code into your page using the <googlemap> begin tag and the </googlemap> end tag. By default the maps use those teardrop shaped icons. To use different icons, you have to add a few parameters to the <googlemap> begin tag or use full labels for each individual marker.

Figuring out the parameter for the icon you want

There are a few different types of icons with a few different colors. The icons do have a naming convention. They all start with the name marker.png To use other types of icons this is the format (without the square brackets): marker[TYPE][COLOR][INDICATOR].png

Here is a table of the current available icons:

Type	Type Code	Color	Indicator	Examples	Code
default (teardrop)		Color Color Code Red Rd Orange Or Yellow Ye Green Gr Light Blue Lb Blue Bl Purple Pu Violet Vi Pink Pk White Wh default	A-Z, 0-9, square, diamond, triangle, circle, star, fish, pollution		(the first is left blank for default) RdS Blpollution
Circle	Cir	Color Color Code Red Rd Orange Or Yellow Ye Green Gr Light Blue Lb Blue Bl Purple Pu Violet Vi Pink Pk White Wh default	A-Z, 0-9, square, diamond, triangle, circle, star, fish, pollution		Cir CirRdS CirBlfish
Pin	Pin	Color Color Code Red Rd Orange Or Yellow Ye Green Gr Light Blue Lb Blue Bl Purple Pu Violet Vi Pink Pk White Wh default	A-Z, 0-9, square, diamond, triangle, circle, star, fish, pollution		Pin PinRdS PinBlfish
Ball	Ball	Color Color Code Red Rd Orange Or Yellow Ye Green Gr Light Blue Lb Blue Bl Purple Pu Violet Vi Pink Pk White Wh default	colors only		Ball BallRd BallBl
Dot	Dot	Color Color Code Red Rd Orange Or Yellow Ye Green Gr Light Blue Lb Blue Bl Purple Pu Violet Vi Pink Pk White Wh default	colors only		Dot DotRd DotBl
Dot Pin	DP	Color Color Code Red Rd Orange Or Yellow Ye Green Gr Light Blue Lb Blue Bl Purple Pu Violet Vi Pink Pk White Wh default	colors only		DP DPRd DPBl
Guild Hall / House	GH	Color Color Code Red Rd Orange Or Yellow Ye Green Gr Light Blue Lb Blue Bl Purple Pu Violet Vi Pink Pk White Wh default	colors only		GH GHRd GHBl
Push Pin	PP	Color Color Code Red Rd Orange Or Yellow Ye Green Gr Light Blue Lb Blue Bl Purple Pu Violet Vi Pink Pk White Wh default	colors only		PP PPRd PPBl
Unique Markers		Color Color Code default	default image only		bee beetle camel cobra drink fire fish flower grape plus pyramid sheep tick

Simplified Use of Sets

If you'd like to use just one set of markers you'll need to add the following code to your <googlemap> begin tag:

icon="http://www.divineu.com/markers/marker.png" icons="http://www.divineu.com/markers/marker{label}.png" iconsize="32x32" iconanchor'"9x32" iconlabels=" ''the list of identifiers goes here: ie. A,B,G,T,fish,bee,"

It actually goes in the tag, so it will look something like this: <googlemap icon="ETC, ETC"> You can also remove any of the iconlabels that you are not using.

EXAMPLES

Set	Googlemap Code	Example Map Line
Default All	<googlemap icon="http://www.divineu.com/markers/marker.png" icons="http://www.divineu.com/markers/marker{label}.png" iconsize="32x32" iconanchor'"9x32" iconlabels="A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T,U,V,W,X,Y,Z,0,1,2,3,4,5,6,7,8,9, Ball,Cir,Dot,DP,Pin,PP,bee,beetle,camel,cobra,drink,fire,fish,flower,GH,grape,plus,pyramid,sheep,tick"	(GH)2265, 2900, Guildhall (bee)2200, 2900, Apiaries (S)2115, 2900, Sand Mine
Default Blue	<googlemap icon="http://www.divineu.com/markers/markerBl.png" icons="http://www.divineu.com/markers/markerBl{label}.png" iconsize="32x32" iconanchor'"9x32" iconlabels="A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T,U,V,W,X,Y,Z,0,1,2,3,4,5,6,7,8,9	(G)2265, 2900, Guildhall (A)2155, 2900, Apiaries (S)2115, 2900, Sand Mine
Pin Pink	<googlemap icon="http://www.divineu.com/markers/markerPinPk.png" icons="http://www.divineu.com/markers/markerPinPk{label}.png" iconsize="32x32" iconanchor'"9x32" iconlabels="A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T,U,V,W,X,Y,Z,0,1,2,3,4,5,6,7,8,9	2200, 2940, Rock Saw (G)2265, 2900, Guildhall (A)2155, 2900, Apiaries (S)2115, 2900, Sand Mine

Instuctions

To use the colored pins instead of the default teardrop shaped pins, when you create your map:

Replace the icon and icons parameters in your starting <googlemap> tag with:

icon="http://www.divineu.com/icons/pin.png" icons="http://www.divineu.com/icons/pin{label}.png" iconsize="32x32" iconanchor'"9x32" shadow="http://www.divineu.com/icons/pinshadow.png" shadowsize="59x32" iconlabels="blue,GH,green,orange,purple,red,white,yellow"

You can view the Edit source tab at the top of the page to see how I did it.

You will replace the lat and lon values with the coordinates that you want to be the center of your map.

The available pins are:

• red
• orange
• yellow
• green
• blue
• purple
• white
• GH (a guild hall or home)

To use the pins to mark a location you would do something like the following between your <googlemap> tag and </googlemap> tag:

(red)2115, 2900, Red Pin
(orange)2135, 2900, Orange Pin
(yellow)2155, 2900, Yellow Pin
(green)2175, 2900, Green Pin
(blue)2195, 2900, Blue Pin
(purple)2215, 2900, Purple Pin
(white)2235, 2900, White Pin
(GH)2265, 2900
/Info\
A guild hall or home pin.
/More\
You can place more information on tabs.

The /Info\ and /More\ create the tabs in the info box when you click on a pin.

You can't currently use letters with the pin markers, but you will be able to after I have time to create them. Then you could use something like blueG and it would show the blue pin with a G on it. I will update this when I've made the letters.