Re: [UMN_MAPSERVER-USERS] panning and zoomin and out, and ect

Albert Anderson Tue, 01 Aug 2006 07:13:15 -0700

Hi,

I tried that code. I didnt get it to work. Here is my code. Can you see if I need to do something else? What else do I need?
</script>


<script language="_javascript_" type="text/_javascript_">
var mapheight = 417;
var mapwidth = 309;
var pansize = 0.75;

function pan(direction) {
var x,y;

if(direction== 'n') {
   x = (309-1)/2.0;
   y = 0 - (417 * pansize)/2.0;
} else if(direction== 'nw') {
   x = 0 - (309 * pansize)/2.0;
   y = 0 - (309 * pansize)/2.0;
} else if(direction== 'ne') {
   x = (309-1) + (309 * pansize)/2.0;
   y = 0 - (417 * pansize)/2.0;
} else if(direction== 's') {
   x = (309-1)/2.0;
   y = (417-1) + (417 * pansize)/2.0;
} else if(direction== 'sw') {
   x = 0 - (309 * pansize)/2.0;
   y = (417-1) + (417 * pansize)/2.0;
} else if(direction== 'se') {
   x = (309-1) + (309 * pansize)/2.0;
   y = (417-1) + (417 * pansize)/2.0;
} else if(direction== 'e') {
   x = (309-1) + (309 * pansize)/2.0;
   y = (417-1)/2.0;
} else if(direction== 'w') {
   x = 0 - (309 * pansize)/2.0;
   y = (417-1)/2.0;
    }

document.mapserv.imgxy.value = x + " " + y;
document.mapserv.submit();
}

</script>

<TABLE width="368"
                                    HEIGHT="460" BORDER="0" align="left" CELLPADDING="0" CELLSPACING="0">

                                    <TBODY>
                                        <TR>
                                        <TD width="29" height="23" ALIGN="left"
                                            VALIGN="top" BGCOLOR="#e7a500"><a href=""><img src="" alt="pan nw" width="25" height="25" style="border-style:none"></a></TD>
                                        <TD ALIGN="center" BGCOLOR="#e7a500"
                                            VALIGN="top"> <div align="center"><a href=""><img src="" alt="pan north" width="25" height="25" style="border-style:none"></a></div></TD>
                                        <TD width="30" ALIGN="right"
                                            VALIGN="top" BGCOLOR="#e7a500"><a href=""><img src="" alt="pan ne" width="25" height="25" style="border-style:none"></a></TD>
                                        </TR>

                                        <TR>
                                        <TD ALIGN="LEFT" BGCOLOR="#e7a500"
                                            VALIGN="MIDDLE"><a href=""><img src="" alt="pan west" width="25" height="25" style="border-style:none"></a></TD>
                                        <TD CLASS="mapappmidaln" ALIGN="center"
                                            HEIGHT="413" VALIGN="MIDDLE" WIDTH="309">


                                              <input name="img" type="image" src="" WIDTH="309" HEIGHT="417" BORDER="1" /></TD>
                                        <TD ALIGN="right" BGCOLOR="#e7a500"
                                            VALIGN="MIDDLE"><div align="left"><a href=""><img src="" alt="pan east" width="25" height="25" style="border-style:none"></a></div></TD>
                                        </TR>
                                        <TR>
                                        <TD height="21" ALIGN="left"
                                            VALIGN="bottom" BGCOLOR="#e7a500"><a href=""><img src="" alt="pan sw" width="25" height="25" style="border-style:none"></a></TD>
                                        <TD ALIGN="center" BGCOLOR="#e7a500"
                                            VALIGN="bottom"> <div align="center"><a href=""><img src="" alt="pan south" width="25" height="25" style="border-style:none"></a></div></TD>
                                        <TD ALIGN="right" BGCOLOR="#e7a500"
                                            VALIGN="bottom"><a href=""><img src="" alt="pan se" width="25" height="25" style="border-style:none"></a></TD>
</table>

Luis Treviño <[EMAIL PROTECTED]> wrote:

2006/7/21, Albert Anderson <[EMAIL PROTECTED]>:

Hi,

I figure out my images. Does anyone have a _java script for using a image for panning. I have images set for the corners of my map. I want to use them to pan.

You can use something like this, you have to handle your width and height of your image:

alto = height, ancho = width.

function paneo(direccion,alto,ancho) {
var x,y;
var pansize = 0.75;
if(direccion == 'n') {
   x = (ancho-1)/2.0;
   y = 0 - (alto * pansize)/2.0;
} else if(direccion == 'nw') {
   x = 0 - (ancho * pansize)/2.0;
   y = 0 - (ancho * pansize)/2.0;
} else if(direccion == 'ne') {
   x = (ancho-1) + (ancho * pansize)/2.0;
   y = 0 - (alto * pansize)/2.0;
} else if(direccion == 's') {
   x = (ancho-1)/2.0;
   y = (alto-1) + (alto * pansize)/2.0;
} else if(direccion == 'sw') {
   x = 0 - (ancho * pansize)/2.0;
   y = (alto-1) + (alto * pansize)/2.0;
} else if(direccion == 'se') {
   x = (ancho-1) + (ancho * pansize)/2.0;
   y = (alto-1) + (alto * pansize)/2.0;
} else if(direccion == 'e') {
   x = (ancho-1) + (ancho * pansize)/2.0;
   y = (alto-1)/2.0;
} else if(direccion == 'w') {
   x = 0 - (ancho * pansize)/2.0;
   y = (alto-1)/2.0;
    }
document.mapserv.imgxy.value = x + " " + y;
document.mapserv.submit();
}

Anyother question, is there a _java script for images to zoom-in and out?

you can use the zoomdir and the zoom values within your template, like:

<input type="hidden" name="zoom" value="-2">

<input type="hidden" name="zoomdir" value="-1">

for a zoom out., so you can use radio buttons to manage this values

One more question, I have a refresh button and pan radio button, then we I click refresh to take a layer off it moves the projective image. Why? But when I am on zoomin radio button and click refresh it acts like its panning? Why?

Thanks,

Albert

__________________________________________________
Do You Yahoo!?
Tired of spam? Yahoo! Mail has the best spam protection around
http://mail.yahoo.com

Hope this helps.

Regards,

Luis

Yahoo! Messenger with Voice. Make PC-to-Phone Calls to the US (and 30+ countries) for 2¢/min or less.

Re: [UMN_MAPSERVER-USERS] panning and zoomin and out, and ect

Reply via email to