<html w="urn:schemas-microsoft-com:office:word" v="urn:schemas-microsoft-com:vml" xmlns="http://www.w3.org/TR/REC-html40" o="urn:schemas-microsoft-com:office:office" m="http://schemas.microsoft.com/office/2004/12/omml" x="urn:schemas-microsoft-com:office:excel">
<head>
<style type="text/css">
<!--
a:visited { color: purple; text-decoration: underline }
span.emailstyle17 { font-family: Calibri,sans-serif; color: black }
li.msonormal { font-family: Calibri,sans-serif; margin-left: 0in; font-size: 11.0pt; margin-top: 0in; margin-right: 0in; margin-bottom: .0001pt }
a:link { color: blue; text-decoration: underline }
p.msonormal { font-family: Calibri,sans-serif; margin-left: 0in; font-size: 11.0pt; margin-top: 0in; margin-right: 0in; margin-bottom: .0001pt }
span.msohyperlink { color: blue; text-decoration: underline }
span.msohyperlinkfollowed { color: purple; text-decoration: underline }
div.msonormal { font-family: Calibri,sans-serif; margin-left: 0in; font-size: 11.0pt; margin-top: 0in; margin-right: 0in; margin-bottom: .0001pt }
-->
</style>
</head>
<body style="margin-left: 4px; margin-top: 4px; margin-right: 4px; margin-bottom: 1px; font-variant: normal; line-height: normal" vlink="purple" link="blue" lang="EN-US">
<p style="margin-bottom: 0; margin-top: 0">
<font face="Comic Sans MS" size="3">Michael,</font> </p>
<br>
<p style="margin-bottom: 0; margin-top: 0">
<font face="Comic Sans MS" size="3">You're definitely on the forefront of development here with respect to GeoMoose.</font> </p>
<br>
<p style="margin-bottom: 0; margin-top: 0">
<font face="Comic Sans MS" size="3">I'm seeing more interest in the Mobile support stuff for GeoMoose (and other OSS projects) lately, and I'm interested in what can be made to work here.</font> </p>
<br>
<p style="margin-bottom: 0; margin-top: 0">
<font face="Comic Sans MS" size="3">I have an IPAD now and an Android device on order. Do you have a public facing site to demo/test from? I don't have anything in the new GEOMOOSE code running on the outside right now, or I play there. I could set up my own and add your changes too if need be.</font> </p>
<br>
<p style="margin-bottom: 0; margin-top: 0">
<font face="Comic Sans MS" size="3">bobb</font> </p>
<br> <br>
<p style="margin-bottom: 0; margin-top: 0">
<br>
<br>
>>> "Reynolds, Michael J. (DOT)" <mike.reynolds@state.mn.us> wrote:<br> </p>
<table style="font-size: 1em; margin-left: 15px; margin-top: 0; margin-right: 0; margin-bottom: 0" bgcolor="#f3f3f3" border="0">
<tr>
<td>
<div style="border-left: solid 1px #050505; padding-left: 7px">
<div class="WordSection1">
<p style="margin-bottom: 0; margin-top: 0" class="MsoNormal">
I was wondering if anyone has created a good Mobile Touch version of Geomoose.  Is there a good way to do this?<o p="#DEFAULT"></o> </p>
<p style="margin-bottom: 0; margin-top: 0" class="MsoNormal">
<o p="#DEFAULT">
 </o> </p>
<p style="margin-bottom: 0; margin-top: 0" class="MsoNormal">
I took a quick chop at it.  With a version of Goemoose 2.2. Downloaded the newest OpenLayers 2.11-rc1 to the htdocs folder.<o p="#DEFAULT"></o> </p>
<p style="margin-bottom: 0; margin-top: 0" class="MsoNormal">
<o p="#DEFAULT">
 </o> </p>
<p style="margin-bottom: 0; margin-top: 0" class="MsoNormal">
Modified the index.html to load the openlayers.js from this new version’s folder.<o p="#DEFAULT"></o> </p>
<p style="margin-bottom: 0; margin-top: 0" class="MsoNormal">
<o p="#DEFAULT">
 </o> </p>
<p style="margin-bottom: 0; margin-top: 0" class="MsoNormal">
In the compiled.js file I made the following change:<o p="#DEFAULT"></o> </p>
<p style="margin-bottom: 0; margin-top: 0" class="MsoNormal">
<o p="#DEFAULT">
 </o> </p>
<p style="margin-bottom: 0; margin-top: 0" class="MsoNormal">
<SPAN STYLE='FONT-SIZE:"10.0pt" ;COLOR:"#7F0055" ;FONT-FAMILY:"Courier New"'><span style="font-family: Courier New; color: #7F0055; font-size: 10.0pt"><b>function</b></span></SPAN><SPAN STYLE='FONT-SIZE:"10.0pt" ;COLOR:"black" ;FONT-FAMILY:"Courier New"'><span style="font-family: Courier New; color: black; font-size: 10.0pt"> configureMap () {</span></SPAN><SPAN STYLE='FONT-FAMILY:"Courier New" ;FONT-SIZE:"10.0pt"'><span style="font-family: Courier New; font-size: 10.0pt"><o style="font-family: Courier New; font-size: 10.0pt" p="#DEFAULT"></o style="font-family: Courier New; font-size: 10.0pt"></span></SPAN> </p>
<p style="margin-bottom: 0; margin-top: 0" class="MsoNormal">
<SPAN STYLE='FONT-SIZE:"10.0pt" ;COLOR:"black" ;FONT-FAMILY:"Courier New"'><span style="font-family: Courier New; color: black; font-size: 10.0pt">      CONFIGURATION.scales = CONFIGURATION.scales.sort().reverse();</span></SPAN><SPAN STYLE='FONT-FAMILY:"Courier New" ;FONT-SIZE:"10.0pt"'><span style="font-family: Courier New; font-size: 10.0pt"><o style="font-family: Courier New; font-size: 10.0pt" p="#DEFAULT"></o style="font-family: Courier New; font-size: 10.0pt"></span></SPAN> </p>
<p style="margin-bottom: 0; margin-top: 0" class="MsoNormal">
<SPAN STYLE='FONT-FAMILY:"Courier New" ;FONT-SIZE:"10.0pt"'><span style="font-family: Courier New; font-size: 10.0pt"><o style="font-family: Courier New; font-size: 10.0pt" p="#DEFAULT">
 </o style="font-family: Courier New; font-size: 10.0pt"></span></SPAN> </p>
<p style="margin-bottom: 0; margin-top: 0" class="MsoNormal">
<SPAN STYLE='FONT-SIZE:"10.0pt" ;COLOR:"black" ;FONT-FAMILY:"Courier New"'><span style="font-family: Courier New; color: black; font-size: 10.0pt">      </span></SPAN><SPAN STYLE='FONT-SIZE:"10.0pt" ;COLOR:"#7F0055" ;FONT-FAMILY:"Courier New"'><span style="font-family: Courier New; color: #7F0055; font-size: 10.0pt"><b>var</b></span></SPAN><SPAN STYLE='FONT-SIZE:"10.0pt" ;COLOR:"black" ;FONT-FAMILY:"Courier New"'><span style="font-family: Courier New; color: black; font-size: 10.0pt"> options = {</span></SPAN><SPAN STYLE='FONT-FAMILY:"Courier New" ;FONT-SIZE:"10.0pt"'><span style="font-family: Courier New; font-size: 10.0pt"><o style="font-family: Courier New; font-size: 10.0pt" p="#DEFAULT"></o style="font-family: Courier New; font-size: 10.0pt"></span></SPAN> </p>
<p style="margin-bottom: 0; margin-top: 0" class="MsoNormal">
<SPAN STYLE='FONT-SIZE:"10.0pt" ;COLOR:"black" ;FONT-FAMILY:"Courier New"'><span style="font-family: Courier New; color: black; font-size: 10.0pt">            maxExtent : OpenLayers.Bounds.fromArray(CONFIGURATION.max_extent),</span></SPAN><SPAN STYLE='FONT-FAMILY:"Courier New" ;FONT-SIZE:"10.0pt"'><span style="font-family: Courier New; font-size: 10.0pt"><o style="font-family: Courier New; font-size: 10.0pt" p="#DEFAULT"></o style="font-family: Courier New; font-size: 10.0pt"></span></SPAN> </p>
<p style="margin-bottom: 0; margin-top: 0" class="MsoNormal">
<SPAN STYLE='FONT-SIZE:"10.0pt" ;COLOR:"black" ;FONT-FAMILY:"Courier New"'><span style="font-family: Courier New; color: black; font-size: 10.0pt">            controls : [</span></SPAN><SPAN STYLE='FONT-SIZE:"10.0pt" ;COLOR:"#7F0055" ;FONT-FAMILY:"Courier New"'><span style="font-family: Courier New; color: #7F0055; font-size: 10.0pt"><b>new</b></span></SPAN><SPAN STYLE='FONT-SIZE:"10.0pt" ;COLOR:"black" ;FONT-FAMILY:"Courier New"'><span style="font-family: Courier New; color: black; font-size: 10.0pt"> OpenLayers.Control.PanZoomBar(), </span></SPAN><SPAN STYLE='FONT-SIZE:"10.0pt" ;COLOR:"#7F0055" ;FONT-FAMILY:"Courier New"'><span style="font-family: Courier New; color: #7F0055; font-size: 10.0pt"><b>new</b></span></SPAN><SPAN STYLE='FONT-SIZE:"10.0pt" ;COLOR:"black" ;FONT-FAMILY:"Courier New"'><span style="font-family: Courier New; color: black; font-size: 10.0pt"> OpenLayers.Control.ScaleJumper({target: </span></SPAN><SPAN STYLE='FONT-SIZE:"10.0pt" ;COLOR:"#2A00FF" ;FONT-FAMILY:"Courier New"'><span style="font-family: Courier New; color: #2A00FF; font-size: 10.0pt">'scale-jumper'</span></SPAN><SPAN STYLE='FONT-SIZE:"10.0pt" ;COLOR:"black" ;FONT-FAMILY:"Courier New"'><span style="font-family: Courier New; color: black; font-size: 10.0pt">}), </span></SPAN><SPAN STYLE='FONT-SIZE:"10.0pt" ;COLOR:"#7F0055" ;FONT-FAMILY:"Courier New"'><span style="font-family: Courier New; color: #7F0055; font-size: 10.0pt"><b>new</b></span></SPAN><SPAN STYLE='FONT-SIZE:"10.0pt" ;COLOR:"black" ;FONT-FAMILY:"Courier New"'><span style="font-family: Courier New; color: black; font-size: 10.0pt"> OpenLayers.Control.TouchNavigation({dragPanOptions: {enableKinetic: </span></SPAN><SPAN STYLE='FONT-SIZE:"10.0pt" ;COLOR:"#7F0055" ;FONT-FAMILY:"Courier New"'><span style="font-family: Courier New; color: #7F0055; font-size: 10.0pt"><b>true</b></span></SPAN><SPAN STYLE='FONT-SIZE:"10.0pt" ;COLOR:"black" ;FONT-FAMILY:"Courier New"'><span style="font-family: Courier New; color: black; font-size: 10.0pt"> }})],</span></SPAN><SPAN STYLE='FONT-FAMILY:"Courier New" ;FONT-SIZE:"10.0pt"'><span style="font-family: Courier New; font-size: 10.0pt"><o style="font-family: Courier New; font-size: 10.0pt" p="#DEFAULT"></o style="font-family: Courier New; font-size: 10.0pt"></span></SPAN> </p>
<p style="margin-bottom: 0; margin-top: 0" class="MsoNormal">
<SPAN STYLE='FONT-SIZE:"10.0pt" ;COLOR:"black" ;FONT-FAMILY:"Courier New"'><span style="font-family: Courier New; color: black; font-size: 10.0pt">            units: CONFIGURATION.ground_units,</span></SPAN><SPAN STYLE='FONT-FAMILY:"Courier New" ;FONT-SIZE:"10.0pt"'><span style="font-family: Courier New; font-size: 10.0pt"><o style="font-family: Courier New; font-size: 10.0pt" p="#DEFAULT"></o style="font-family: Courier New; font-size: 10.0pt"></span></SPAN> </p>
<p style="margin-bottom: 0; margin-top: 0" class="MsoNormal">
<SPAN STYLE='FONT-SIZE:"10.0pt" ;COLOR:"black" ;FONT-FAMILY:"Courier New"'><span style="font-family: Courier New; color: black; font-size: 10.0pt">            projection: </span></SPAN><SPAN STYLE='FONT-SIZE:"10.0pt" ;COLOR:"#7F0055" ;FONT-FAMILY:"Courier New"'><span style="font-family: Courier New; color: #7F0055; font-size: 10.0pt"><b>new</b></span></SPAN><SPAN STYLE='FONT-SIZE:"10.0pt" ;COLOR:"black" ;FONT-FAMILY:"Courier New"'><span style="font-family: Courier New; color: black; font-size: 10.0pt"> OpenLayers.Projection(CONFIGURATION.projection),</span></SPAN><SPAN STYLE='FONT-FAMILY:"Courier New" ;FONT-SIZE:"10.0pt"'><span style="font-family: Courier New; font-size: 10.0pt"><o style="font-family: Courier New; font-size: 10.0pt" p="#DEFAULT"></o style="font-family: Courier New; font-size: 10.0pt"></span></SPAN> </p>
<p style="margin-bottom: 0; margin-top: 0" class="MsoNormal">
<SPAN STYLE='FONT-SIZE:"10.0pt" ;COLOR:"black" ;FONT-FAMILY:"Courier New"'><span style="font-family: Courier New; color: black; font-size: 10.0pt">            displayProjection: </span></SPAN><SPAN STYLE='FONT-SIZE:"10.0pt" ;COLOR:"#7F0055" ;FONT-FAMILY:"Courier New"'><span style="font-family: Courier New; color: #7F0055; font-size: 10.0pt"><b>new</b></span></SPAN><SPAN STYLE='FONT-SIZE:"10.0pt" ;COLOR:"black" ;FONT-FAMILY:"Courier New"'><span style="font-family: Courier New; color: black; font-size: 10.0pt"> OpenLayers.Projection(CONFIGURATION.projection),</span></SPAN><SPAN STYLE='FONT-FAMILY:"Courier New" ;FONT-SIZE:"10.0pt"'><span style="font-family: Courier New; font-size: 10.0pt"><o style="font-family: Courier New; font-size: 10.0pt" p="#DEFAULT"></o style="font-family: Courier New; font-size: 10.0pt"></span></SPAN> </p>
<p style="margin-bottom: 0; margin-top: 0" class="MsoNormal">
<SPAN STYLE='FONT-SIZE:"10.0pt" ;COLOR:"black" ;FONT-FAMILY:"Courier New"'><span style="font-family: Courier New; color: black; font-size: 10.0pt">            fractionalZoom: CONFIGURATION.fractional_zoom</span></SPAN><SPAN STYLE='FONT-FAMILY:"Courier New" ;FONT-SIZE:"10.0pt"'><span style="font-family: Courier New; font-size: 10.0pt"><o style="font-family: Courier New; font-size: 10.0pt" p="#DEFAULT"></o style="font-family: Courier New; font-size: 10.0pt"></span></SPAN> </p>
<p style="margin-bottom: 0; margin-top: 0" class="MsoNormal">
<SPAN STYLE='FONT-SIZE:"10.0pt" ;COLOR:"black" ;FONT-FAMILY:"Courier New"'><span style="font-family: Courier New; color: black; font-size: 10.0pt">      }</span></SPAN><SPAN STYLE='FONT-FAMILY:"Courier New" ;FONT-SIZE:"10.0pt"'><span style="font-family: Courier New; font-size: 10.0pt"><o style="font-family: Courier New; font-size: 10.0pt" p="#DEFAULT"></o style="font-family: Courier New; font-size: 10.0pt"></span></SPAN> </p>
<p style="margin-bottom: 0; margin-top: 0" class="MsoNormal">
<o p="#DEFAULT">
 </o> </p>
<p style="margin-bottom: 0; margin-top: 0" class="MsoNormal">
Specifically I added “<font color="black"><span style="color: black">, </span></font><font color="#7F0055"><span style="color: #7F0055">new</span></font><font color="black"><span style="color: black"> OpenLayers.Control.TouchNavigation({dragPanOptions: {enableKinetic: </span></font><font color="#7F0055"><span style="color: #7F0055">true</span></font><font color="black"><span style="color: black"> }})” to the controls array.<o style="color: black" p="#DEFAULT"></o style="color: black"></span></font> </p>
<p style="margin-bottom: 0; margin-top: 0" class="MsoNormal">
<font color="black"><span style="color: black"><o style="color: black" p="#DEFAULT">
 </o style="color: black"></span></font> </p>
<p style="margin-bottom: 0; margin-top: 0" class="MsoNormal">
The site seemed to load up just fine.<o p="#DEFAULT"></o> </p>
<p style="margin-bottom: 0; margin-top: 0" class="MsoNormal">
<o p="#DEFAULT">
 </o> </p>
<p style="margin-bottom: 0; margin-top: 0" class="MsoNormal">
The map panel now responds to touch gestures:<o p="#DEFAULT"></o> </p>
<p style="margin-bottom: 0; margin-top: 0" class="MsoNormal">
<o p="#DEFAULT">
 </o> </p>
<p style="margin-bottom: 0; margin-top: 0" class="MsoNormal">
Double tap / reverse pinch = zoom in<o p="#DEFAULT"></o> </p>
<p style="margin-bottom: 0; margin-top: 0" class="MsoNormal">
Pinch = zoom out<o p="#DEFAULT"></o> </p>
<p style="margin-bottom: 0; margin-top: 0" class="MsoNormal">
Point drag = pan<o p="#DEFAULT"></o> </p>
<p style="margin-bottom: 0; margin-top: 0" class="MsoNormal">
Zoom to extent tool works.<o p="#DEFAULT"></o> </p>
<p style="margin-bottom: 0; margin-top: 0" class="MsoNormal">
<o p="#DEFAULT">
 </o> </p>
<p style="margin-bottom: 0; margin-top: 0" class="MsoNormal">
Some of the navigation tools are not necessary now (magnifying glass, pan?) <o p="#DEFAULT"></o> </p>
<p style="margin-bottom: 0; margin-top: 0" class="MsoNormal">
<o p="#DEFAULT">
 </o> </p>
<p style="margin-bottom: 0; margin-top: 0" class="MsoNormal">
The Identify tool does not work.  I think the way I added in the Touch Navigation or the existing geomoose tool management doesn’t allow the identify click to override the touch navigation on the map div.<o p="#DEFAULT"></o> </p>
<p style="margin-bottom: 0; margin-top: 0" class="MsoNormal">
<o p="#DEFAULT">
 </o> </p>
<p style="margin-bottom: 0; margin-top: 0" class="MsoNormal">
Our goal is to make our Geomoose site compatible with Ipad/Safari devices and Android devices.<o p="#DEFAULT"></o> </p>
<p style="margin-bottom: 0; margin-top: 0" class="MsoNormal">
<o p="#DEFAULT">
 </o> </p>
<p style="margin-bottom: 0; margin-top: 0" class="MsoNormal">
I don’t know what this breaks.  Does it break anything?<o p="#DEFAULT"></o> </p>
<p style="margin-bottom: 0; margin-top: 0" class="MsoNormal">
<o p="#DEFAULT">
 </o> </p>
<p style="margin-bottom: 0; margin-top: 0" class="MsoNormal">
Anyone already pave this ground?<o p="#DEFAULT"></o> </p>
<p style="margin-bottom: 0; margin-top: 0" class="MsoNormal">
<o p="#DEFAULT">
 </o> </p>
<p style="margin-bottom: 0; margin-top: 0" class="MsoNormal">
<o p="#DEFAULT">
 </o> </p>
<p style="margin-bottom: 0; margin-top: 0" class="MsoNormal">
Michael Reynolds<o p="#DEFAULT"></o> </p>
<p style="margin-bottom: 0; margin-top: 0" class="MsoNormal">
(651) 775-5915<o p="#DEFAULT"></o> </p>
<p style="margin-bottom: 0; margin-top: 0" class="MsoNormal">
Traffic Engineering - Data Management <o p="#DEFAULT"></o> </p>
<p style="margin-bottom: 0; margin-top: 0" class="MsoNormal">
MnDot - Metro District<o p="#DEFAULT"></o> </p>
<p style="margin-bottom: 0; margin-top: 0" class="MsoNormal">
USNG: 15TVK8708484276<o p="#DEFAULT"></o> </p>
<p style="margin-bottom: 0; margin-top: 0" class="MsoNormal">
<o p="#DEFAULT">
 </o>
</p>
</div>
</div>
</td>
</tr>
</table>
</body>
</html>