title: GoodMap API3 with PhoneGap
body: <p>I work on application in which i need map i worked in map module and in browser it shows correct result but as it is an mobile application so i run it into emulator and the following error occues</p>
  
  <pre><code>Uncaught TypeError: object is not a function at file:///android_asset/www/nav-map.html:3
  </code></pre>
  
  <p>my html file <code>Nav-map.html</code></p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;meta charset="utf-8" /&gt;
      &lt;meta name="viewport" content="initial-scale=1.0, user-scalable=no" /&gt;
      &lt;meta name="apple-mobile-web-app-capable" content="yes" /&gt;
      &lt;meta name="apple-mobile-web-app-status-bar-style" content="black" /&gt;
  
      &lt;link rel="stylesheet"  href="css/themes/default/jquery.mobile-1.3.0.css"&gt;
      &lt;script src="js/hsmain.min.js"&gt;&lt;/script&gt;
  </code></pre>
  
  
  
  <pre><code>    &lt;link href="css/mobiscroll.custom-2.5.0.min.css" rel="stylesheet" type="text/css" /&gt;
  
      &lt;link href="photoswipe/photoswipe.css" type="text/css" rel="stylesheet" /&gt;
      &lt;script type="text/javascript" src="photoswipe/klass.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="photoswipe/code.photoswipe.jquery-3.0.5.min.js"&gt;&lt;/script&gt;
      &lt;link rel="stylesheet" type="text/css" href="css/jqm-datebox.min.css" /&gt; 
      &lt;script src="js/jqm-datebox.core.min.js"&gt;&lt;/script&gt;
      &lt;script src="js/jqm-datebox-1.1.0.mode.datebox.js"&gt;&lt;/script&gt;
      &lt;script src="js/jquery.mobile.datebox.i18n.en_US.utf8.js"&gt;&lt;/script&gt; 
  
  
  
  
      &lt;script src="https://maps.googleapis.com/maps/api/js?v=3.exp&amp;sensor=false"&gt;&lt;/script&gt;
  
      &lt;script type="text/javascript" charset="utf-8" src="cordova.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="js/camera.js"&gt;&lt;/script&gt;
  
      &lt;script src="lib/work-space.js"&gt;&lt;/script&gt;
  
      &lt;script src="lib/config.js"&gt;&lt;/script&gt;
      &lt;script src="lib/userprofile.js"&gt;&lt;/script&gt;
      &lt;script src="lib/loginlogout.js"&gt;&lt;/script&gt;
      &lt;script src="lib/binder.js"&gt;&lt;/script&gt;
      &lt;script src="lib/newsfeed.js"&gt;&lt;/script&gt;
      &lt;script src="lib/harvestdata.js"&gt;&lt;/script&gt;
      &lt;script src="lib/members.js"&gt;&lt;/script&gt;
      &lt;script src="lib/pictures.js"&gt;&lt;/script&gt;
      &lt;script src="lib/properties.js"&gt;&lt;/script&gt;
      &lt;script src="lib/clubnewsfeeds.js"&gt;&lt;/script&gt;
      &lt;script src="lib/jsutility.js"&gt;&lt;/script&gt;
      &lt;script src="lib/weather.js"&gt;&lt;/script&gt;
      &lt;script src="lib/groups.js"&gt;&lt;/script&gt;
      &lt;script src="lib/groupnewsfeeds.js"&gt;&lt;/script&gt;
      &lt;script src="lib/companies.js"&gt;&lt;/script&gt;
      &lt;script src="lib/companynewsfeeds.js"&gt;&lt;/script&gt;
      &lt;script src="lib/map.js"&gt;&lt;/script&gt;
      &lt;script src="lib/searching.js"&gt;&lt;/script&gt;
      &lt;script src="lib/notitfications.js"&gt;&lt;/script&gt;
  
      &lt;link href="960/jquery-mobile-fluid960.css" rel="stylesheet"  type="text/css"/&gt;
      &lt;link href="css/style.css" rel="stylesheet" type="text/css" /&gt;
  
      &lt;style&gt;
          #map-canvas
          {
              margin: 0;
              padding: 0;
              height: 100%;
          }
      &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div data-role="page" id="ClubMapPage"&gt;
          &lt;!--header--&gt;
  &lt;script&gt;$('#ClubMapPage').on('pageshow',function(){
  UserProfile.loadProfile();
  Notifications.getTopNotification();
                  Properties.getClubNameAndImage();
                  Map.getMap();
              })
          &lt;/script&gt;
  
          &lt;div id="landing-header" data-role="header" data-position="fixed" data-tap-toggle="false"&gt;
              &lt;div class="container_12 padding5"&gt;
                  &lt;div class="grid_1"&gt;
                      &lt;span class="inline-button floatleft"&gt;&lt;a href="harvest-properties.html" onClick="Properties.getListOfFriendProperty()" data-role="button" data-iconpos="notext" class="back-btn"  data-theme="a"&gt;Back&lt;/a&gt;&lt;/span&gt;
                  &lt;/div&gt;
                  &lt;div class="grid_10"&gt;
                      &lt;div class="hs-icon-wrap"&gt;
                          &lt;span class="dropdown inline-button"&gt;&lt;a class="hs-request dropdown-toggle showRequestsBtn" data-toggle="dropdown" data-role="button" href="#messages" data-iconpos="notext" &gt;Requests&lt;/a&gt;
                          &lt;/span&gt;             
                          &lt;span class="dropdown inline-button"&gt;&lt;a class="hs-notification dropdown-toggle showNotificationsBtn" data-role="button" href="#" data-toggle="dropdown" data-iconpos="notext" &gt;Notifications&lt;/a&gt;
                          &lt;/span&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="grid_1"&gt;
                      &lt;span class="inline-button floatright"&gt;&lt;a href="#right-panel" class="hs-menu-btn hsr"&gt;Right&lt;/a&gt;&lt;/span&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;!--contents--&gt;
          &lt;div data-role="content" class="hs-content"&gt;
          &lt;div class="hs-notifications-menu-contents-wrap feeds-content-header HSnotifications"&gt;
                  &lt;div class="hs-notification-menu-heading"&gt;
                      Notifications
                      &lt;a title="Remove" class="removebutton hideNotificationsBtn" href="javascript://" &gt;Remove  &lt;/a&gt;
                  &lt;/div&gt;
                  &lt;div class="hs-notifications-menu-items-wrap" &gt;
                      &lt;ul class="hs-notificatin-list notificationul"&gt;
  
                      &lt;/ul&gt;
                  &lt;/div&gt;
                  &lt;div class="hs-notification-menu-footer"&gt;
                      &lt;a class="seemore" href="#" title=""&gt;
                          &lt;span&gt;See All&lt;/span&gt;
                      &lt;/a&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;!-- End Of Notifications --&gt;
              &lt;div class=" hs-notifications-menu-contents-wrap feeds-content-header HSrequests" &gt;
              &lt;div class="hs-notification-menu-heading"&gt;
                  Requests
                  &lt;a title="Remove" class="removebutton hideRequestsBtn" href="#"  &gt;Remove  &lt;/a&gt;
              &lt;/div&gt;
              &lt;div class="hs-notifications-menu-items-wrap" style=""&gt;
                  &lt;ul class="hs-notificatin-list requestul"&gt;
                  &lt;/ul&gt;
              &lt;/div&gt;
              &lt;div class="hs-notification-menu-footer"&gt;
                  &lt;a class="seemore" href="#" title=""&gt;
                      &lt;span&gt;See All&lt;/span&gt;
                  &lt;/a&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;!-- end of requests --&gt;
              &lt;div class="container_12"&gt;
                  &lt;div class="content-header"&gt;
                      &lt;h4&gt;&lt;a href="property-activity-feeds.html" onClick="Properties.fullDetailOfClub()"  title="" class="clubNameOnTop"&gt;&lt;img class="smallClubImage" alt="" src="images/header-small-image.png" /&gt;&lt;/a&gt;&lt;/h4&gt;
                      &lt;a href="basic-info.html" onClick="Properties.getClubBasicInfo(Properties.currentClubId())" class="info-link" data-role="button" data-icon="info" data-iconpos="notext"&gt;Info&lt;/a&gt;        
                      &lt;div data-role="navbar" class="nav-glyphish-example" data-grid="c"&gt;
                          &lt;ul&gt;
                              &lt;li class="no-border"&gt;&lt;a href="members.html"  id="nav-member" data-icon="custom"&gt;Members&lt;/a&gt;&lt;/li&gt;
                              &lt;li class="active"&gt;&lt;a href="nav-map.html"  id="nav-map"  data-icon="custom"&gt;Map&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="harvest.html" id="nav-harvest"  data-icon="custom"&gt;Harvest&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="clubpages/albums.html" id="nav-picture"  data-icon="custom" &gt;Picture&lt;/a&gt;&lt;/li&gt;
                          &lt;/ul&gt;
                      &lt;/div&gt;
              &lt;/div&gt;
  
                  &lt;div class="content-wrap map-wrap"&gt;
                      &lt;div id="map-canvas" style="height:500px; width:100%; margin:0; padding:0"&gt;
                      &lt;/div&gt;
  
                  &lt;/div&gt;
          &lt;/div&gt;
          &lt;/div&gt;
  
  
  
      &lt;/div&gt;
  </code></pre>
  
  <p>
  </p>