quochuy3007 / mobile-web-development-with-phonegap

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

Cylon app, Inc. don't work (TMT4 P1 jQuery Mobile Plugin for Google Maps: Route Finder App) #31

Closed GoogleCodeExporter closed 8 years ago

GoogleCodeExporter commented 8 years ago
What steps will reproduce the problem?
1. I don't see nothing in the square of the map.
2.
3.

What is the expected output? What do you see instead?
the map

What version of the product are you using? On what operating system?
phonegap and xcode or only phonegap and chrome

Please provide any additional information below.
i use this script:
le>jQuery Google Maps Plugin</title>
        <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://code.jquery.com/jquery-1.5.2.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" src="http://maps.google.com/maps/api/js?sensor=false"></script>
        <script type="text/javascript" charset="utf-8" src="jquery.ui.map.min.js"></script>
        <script type="text/javascript" charset="utf-8" src="mapapp.js"></script>

Original issue reported on code.google.com by pjo...@gmail.com on 1 Jun 2011 at 3:03

GoogleCodeExporter commented 8 years ago

Original comment by paul.beu...@gmail.com on 1 Jun 2011 at 3:33

GoogleCodeExporter commented 8 years ago
Thanks for reporting this.

The problem is in the line      <div class="ui-block-a"><div 
"id="map_square"></div></div>
in index.html. There is an extra double quote before id.

After deleting the extra double quote, the map shows on Chrome.

This problem doesn't seem to affect the Android browser or Firefox on Ubuntu. 
It does prevent the map from showing on Chrome, Firefox on MacOS and presumably 
iPhone.

The fix will available at 
http://www.mobiledevelopersolutions.com/home/start/twominutetutorials/tmt4part1 
shortly

Original comment by paul.beu...@gmail.com on 1 Jun 2011 at 4:23