1

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

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

我的 html 文件Nav-map.html

<!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>

4

2 回答 2

0

我有同样的错误，但我在两个月前解决了！我是因为我的一个 jquery 插件没有以; 你可以尝试结束你的 JS 行结尾， ;我可以看到你没有遵循这个最佳实践建议。因此，将其添加到您自己的 js 文件中（最后），以便让文件连接理解新文件实际上是一个新的单个函数（或语句）

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

于 2013-10-30T09:22:12.513 回答
0

嗨，您的类名有一些问题您将类名与某些关键字相同，例如Image您不能将Image其作为类名还检查是否存在其他相同的问题我认为您应该使用某些 IDE 检查它会以不同的方式显示特殊名称颜色。还要更改班级名称Map ，一旦我认为它会对您有所帮助，我遇到了同样的错误

谢谢

于 2013-12-24T05:56:56.190 回答