markiing / mobile-web-development-with-phonegap

Automatically exported from code.google.com/p/mobile-web-development-with-phonegap
0 stars 0 forks source link

i cannot add the other makers and info to this good code TMT4 P1 jQuery Mobile Plugin for Google Maps: Route Finder App #32

Closed GoogleCodeExporter closed 9 years ago

GoogleCodeExporter commented 9 years ago
What steps will reproduce the problem?
1. i cannot add other markers and info in this project
2. when i rotate the device the part of the map is overflow, hide
3.

What is the expected output? What do you see instead?
to add the info and markers and see always the map when i will rotate the device

What version of the product are you using? On what operating system?
mac osx 10.6.7

Please provide any additional information below.

Original issue reported on code.google.com by pjo...@gmail.com on 2 Jun 2011 at 10:02

GoogleCodeExporter commented 9 years ago

Original comment by paul.beu...@gmail.com on 2 Jun 2011 at 2:59

GoogleCodeExporter commented 9 years ago
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 libby.ba...@gmail.com on 2 Jun 2011 at 3:04

GoogleCodeExporter commented 9 years ago
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 pjo...@gmail.com on 2 Jun 2011 at 5:18

GoogleCodeExporter commented 9 years ago
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 libby.ba...@gmail.com on 2 Jun 2011 at 6:02

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

Original comment by pjo...@gmail.com on 2 Jun 2011 at 9:24

GoogleCodeExporter commented 9 years ago
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 libby.ba...@gmail.com on 2 Jun 2011 at 9:46

GoogleCodeExporter commented 9 years ago
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 pjo...@gmail.com on 2 Jun 2011 at 10:06

GoogleCodeExporter commented 9 years ago
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 paul.beu...@gmail.com on 2 Jun 2011 at 10:20

GoogleCodeExporter commented 9 years ago
ok, thanks

Original comment by pjo...@gmail.com on 2 Jun 2011 at 10:24