i cannot add the other makers and info to this good code TMT4 P1 jQuery Mobile Plugin for Google Maps: Route Finder App about mobile-web-development-with-phonegap

[GoogleCodeExporter]

Original comment by [email protected] on 2 Jun 2011 at 2:59

[GoogleCodeExporter]

Please provide the relevant html/css/javascript code you are using. As the 
plugin is for Android only, I need as much info as possible to debug your 
iPhone use.

jQuery Mobile on Android handles orientation change automatically - stretching 
width to 100% of screen width immediately. 

Original comment by [email protected] on 2 Jun 2011 at 3:04

[GoogleCodeExporter]

i use this script for the index html:
 <link href="http://code.jquery.com/mobile/latest/jquery.mobile.min.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="mapapp.css" type="text/css">
        <script src="http://www.google.com/jsapi?key=ABQIAAAAahcO7noe62FuOIQacCQQ7RTHkUDJMJAZieEeKAqNDtpKxMhoFxQsdtJdv3FJ1dT3WugUNJb7xD-jsQ" type="text/javascript"></script>        
        <script type="text/javascript">
            google.load("maps", "3", {'other_params':'sensor=true'});
            google.load("jquery", "1.6.1");
            </script>

          <script src="http://code.jquery.com/jquery-1.6.1.min.js"></script>
        <script src="http://code.jquery.com/mobile/latest/jquery.mobile.min.js"></script>
        <script type="text/javascript" charset="utf-8" src="phonegap.0.9.5.min.js"></script>
        <script type="text/javascript" charset="utf-8" src="http://jquery-ui-map.googlecode.com/svn/tags/2.0.1/ui/jquery.ui.map.min.js"></script>
        <script type="text/javascript" charset="utf-8" src="mapapp.complete.js"></script>

and in the css file use the mapapp.css file of default. if use this i don't see 
nothing in the page-map when the map is in 100%. but if i modded the css file, 
i put the width in px, work but not in %.  this a problem to rotation.
I know that jquery mobile use the orientation change automatically, but don't 
work the % in width in css file

Original comment by [email protected] on 2 Jun 2011 at 5:18

[GoogleCodeExporter]

On Android the given css file works fine and orientation change is fine, too. 
I'm wondering if this is an iPhone-only issue. Are you aware of MDS' google 
group: http://groups.google.com/group/eclipse-plugin-for-phonegap ?

You might join and post your question on the group as there may be other iPhone 
users there.

The tutorial uses jquery 1.5.2 - the version currently supported by MDS.

Original comment by [email protected] on 2 Jun 2011 at 6:02

[GoogleCodeExporter]

ok, but do you think it's possible to add in this project the marker and info?

Original comment by [email protected] on 2 Jun 2011 at 9:24

[GoogleCodeExporter]

I'm sorry but I'm not clear on your exact question. When a route is found the 
markers are added to the map automatically.

As noted on the tutorial page, the map plugin has lots of info and examples:
http://code.google.com/p/jquery-ui-map/

Including markers.

Original comment by [email protected] on 2 Jun 2011 at 9:46

[GoogleCodeExporter]

hi, ok i solve the problem with the marker and info, but  i don't any ideas 
with the problem with rotation and css problem. Now i have the marjer, but when 
i go to the map of direction with this mappap.css file, i don't see nothing, 
but i go the direction info, i see the line of this. So the direction function 
work, but with this css don't work. do you have any ideas?

Original comment by [email protected] on 2 Jun 2011 at 10:06

[GoogleCodeExporter]

There does not seem to be an issue with the product or tutorial so the Issue 
list is the wrong place to discuss.  A discussion group like one of the 
phonegap mailing lists, jquery mobile mailing lists or stackoverflow.com would 
be better venues.

Original comment by [email protected] on 2 Jun 2011 at 10:20

• Changed state: Invalid

[GoogleCodeExporter]

ok, thanks

Original comment by [email protected] on 2 Jun 2011 at 10:24