Javascript 带PhoneGap的GoodMap API3_Javascript_Jquery_Html_Cordova

Javascript 带PhoneGap的GoodMap API3

javascript jquery html cordova

Javascript 带PhoneGap的GoodMap API3,javascript,jquery,html,cordova,Javascript,Jquery,Html,Cordova,我在需要地图的应用程序中工作，我在地图模块和浏览器中工作，它显示正确的结果，但由于它是一个移动应用程序，所以我在emulator中运行它，出现以下错误 Uncaught TypeError: object is not a function at file:///android_asset/www/nav-map.html:3 我的html文件Nav-map.html 我也有同样的错误，但我在两个月前就解决了！我是因为我的jquery插件没有以；你可以试着用；我看得出你没有遵循这个最佳实

我在需要地图的应用程序中工作，我在地图模块和浏览器中工作，它显示正确的结果，但由于它是一个移动应用程序，所以我在emulator中运行它，出现以下错误

Uncaught TypeError: object is not a function at file:///android_asset/www/nav-map.html:3

我的html文件Nav-map.html

我也有同样的错误，但我在两个月前就解决了！我是因为我的jquery插件没有以；你可以试着用；我看得出你没有遵循这个最佳实践建议。因此，在最后将其添加到您自己的js文件中，以便让文件连接理解新文件实际上是一个新的函数或语句

抱歉，如果这不是您问题的解决方案！感谢您阅读

您好，您的类名有问题，请将类名与某些关键字（如图像）相同。您不能将图像作为类名。另外，请检查是否存在其他相同问题。我认为您应该使用某个IDE进行检查。它将以不同的颜色显示特殊名称。还要更改类名映射我曾经犯过同样的错误，我认为这会对你有所帮助

感谢

感谢Ada的关注，但这并没有解决我的问题我看到了你发布的JS文件我想我明白问题是什么，但首先我想知道的是，你包含的JS文件与你发布的相同，我的意思是以相同的方式定义它们，如var Map={..@bluanger是的，几乎所有的方法都是一样的我已经看到了你的地图文件我知道camera.js文件中的名称是什么？我想你把类名放在一些js关键字上，比如map也是google map中的函数/变量名在camera js中我用名称图像初始化类

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />

    <link rel="stylesheet"  href="css/themes/default/jquery.mobile-1.3.0.css">
    <script src="js/hsmain.min.js"></script>

    <link href="css/mobiscroll.custom-2.5.0.min.css" rel="stylesheet" type="text/css" />

    <link href="photoswipe/photoswipe.css" type="text/css" rel="stylesheet" />
    <script type="text/javascript" src="photoswipe/klass.min.js"></script>
    <script type="text/javascript" src="photoswipe/code.photoswipe.jquery-3.0.5.min.js"></script>
    <link rel="stylesheet" type="text/css" href="css/jqm-datebox.min.css" /> 
    <script src="js/jqm-datebox.core.min.js"></script>
    <script src="js/jqm-datebox-1.1.0.mode.datebox.js"></script>
    <script src="js/jquery.mobile.datebox.i18n.en_US.utf8.js"></script> 




    <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>

    <script type="text/javascript" charset="utf-8" src="cordova.js"></script>
    <script type="text/javascript" src="js/camera.js"></script>

    <script src="lib/work-space.js"></script>

    <script src="lib/config.js"></script>
    <script src="lib/userprofile.js"></script>
    <script src="lib/loginlogout.js"></script>
    <script src="lib/binder.js"></script>
    <script src="lib/newsfeed.js"></script>
    <script src="lib/harvestdata.js"></script>
    <script src="lib/members.js"></script>
    <script src="lib/pictures.js"></script>
    <script src="lib/properties.js"></script>
    <script src="lib/clubnewsfeeds.js"></script>
    <script src="lib/jsutility.js"></script>
    <script src="lib/weather.js"></script>
    <script src="lib/groups.js"></script>
    <script src="lib/groupnewsfeeds.js"></script>
    <script src="lib/companies.js"></script>
    <script src="lib/companynewsfeeds.js"></script>
    <script src="lib/map.js"></script>
    <script src="lib/searching.js"></script>
    <script src="lib/notitfications.js"></script>

    <link href="960/jquery-mobile-fluid960.css" rel="stylesheet"  type="text/css"/>
    <link href="css/style.css" rel="stylesheet" type="text/css" />

    <style>
        #map-canvas
        {
            margin: 0;
            padding: 0;
            height: 100%;
        }
    </style>
</head>
<body>
<div data-role="page" id="ClubMapPage">
        <!--header-->
<script>$('#ClubMapPage').on('pageshow',function(){
UserProfile.loadProfile();
Notifications.getTopNotification();
                Properties.getClubNameAndImage();
                Map.getMap();
            })
        </script>

        <div id="landing-header" data-role="header" data-position="fixed" data-tap-toggle="false">
            <div class="container_12 padding5">
                <div class="grid_1">
                    <span class="inline-button floatleft"><a href="harvest-properties.html" onClick="Properties.getListOfFriendProperty()" data-role="button" data-iconpos="notext" class="back-btn"  data-theme="a">Back</a></span>
                </div>
                <div class="grid_10">
                    <div class="hs-icon-wrap">
                        <span class="dropdown inline-button"><a class="hs-request dropdown-toggle showRequestsBtn" data-toggle="dropdown" data-role="button" href="#messages" data-iconpos="notext" >Requests</a>
                        </span>             
                        <span class="dropdown inline-button"><a class="hs-notification dropdown-toggle showNotificationsBtn" data-role="button" href="#" data-toggle="dropdown" data-iconpos="notext" >Notifications</a>
                        </span>
                    </div>
                </div>
                <div class="grid_1">
                    <span class="inline-button floatright"><a href="#right-panel" class="hs-menu-btn hsr">Right</a></span>
                </div>
            </div>
        </div>
        <!--contents-->
        <div data-role="content" class="hs-content">
        <div class="hs-notifications-menu-contents-wrap feeds-content-header HSnotifications">
                <div class="hs-notification-menu-heading">
                    Notifications
                    <a title="Remove" class="removebutton hideNotificationsBtn" href="javascript://" >Remove  </a>
                </div>
                <div class="hs-notifications-menu-items-wrap" >
                    <ul class="hs-notificatin-list notificationul">

                    </ul>
                </div>
                <div class="hs-notification-menu-footer">
                    <a class="seemore" href="#" title="">
                        <span>See All</span>
                    </a>
                </div>
            </div>
            <!-- End Of Notifications -->
            <div class=" hs-notifications-menu-contents-wrap feeds-content-header HSrequests" >
            <div class="hs-notification-menu-heading">
                Requests
                <a title="Remove" class="removebutton hideRequestsBtn" href="#"  >Remove  </a>
            </div>
            <div class="hs-notifications-menu-items-wrap" style="">
                <ul class="hs-notificatin-list requestul">
                </ul>
            </div>
            <div class="hs-notification-menu-footer">
                <a class="seemore" href="#" title="">
                    <span>See All</span>
                </a>
            </div>
        </div>
        <!-- end of requests -->
            <div class="container_12">
                <div class="content-header">
                    <h4><a href="property-activity-feeds.html" onClick="Properties.fullDetailOfClub()"  title="" class="clubNameOnTop"><img class="smallClubImage" alt="" src="images/header-small-image.png" /></a></h4>
                    <a href="basic-info.html" onClick="Properties.getClubBasicInfo(Properties.currentClubId())" class="info-link" data-role="button" data-icon="info" data-iconpos="notext">Info</a>        
                    <div data-role="navbar" class="nav-glyphish-example" data-grid="c">
                        <ul>
                            <li class="no-border"><a href="members.html"  id="nav-member" data-icon="custom">Members</a></li>
                            <li class="active"><a href="nav-map.html"  id="nav-map"  data-icon="custom">Map</a></li>
                            <li><a href="harvest.html" id="nav-harvest"  data-icon="custom">Harvest</a></li>
                            <li><a href="clubpages/albums.html" id="nav-picture"  data-icon="custom" >Picture</a></li>
                        </ul>
                    </div>
            </div>

                <div class="content-wrap map-wrap">
                    <div id="map-canvas" style="height:500px; width:100%; margin:0; padding:0">
                    </div>

                </div>
        </div>
        </div>



    </div>