1

PhoneGap/Cordova を使用している場合、モバイル アプリの開発に Google Maps API V3 を使用することはできますか? 私のインデックス ページには、次の内容を含むマップ ページへのリンクがあります。

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />
    <link rel="stylesheet" type="text/css" href="css/index.css" />
    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"> 
    <title>Map Page</title>
</head>
<body>
    <div class="app">
        <div id="map-canvas"></div>
    </div>

    <script type="text/javascript" src="phonegap.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/jquery.ui.map.full.min.js"></script>
    <script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
    <script type="text/javascript">
    app.initialize();
    </script>
    <script type="text/javascript">
    $('#map-canvas').gmap({'center': '57.7973333,12.0502107', 'zoom': 10, 'disableDefaultUI':false, 'callback': function() {}});
    </script>
</body>
</html>

Google Maps jQuery プラグインとその他の必要なファイルを含めています。デスクトップ ブラウザの Ripple と (不思議なことに) 古い Samsung Galaxy S でアプリをテストすると、マップは問題なく読み込まれます。Android エミュレーターまたは Galaxy S4 で試してみると、マップが読み込まれず、空の白いページが残ります。Google マップと Android アプリを使用できる別の/より良い方法はありますか、それとも上記のコードを変更する必要がありますか? ありがとう。

4

2 に答える 2

1

スクリプト タグを次のように変更します。

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false" />

ここで述べたように、あなたが使用しているものはv2用だと思います

于 2013-08-02T21:40:54.073 に答える
1

私の場合、アプリにインターネットへのアクセス許可がなかったため、Google API をロードできませんでした。そのため、AndroidManifest.xml でアプリにインターネット アクセス許可を追加することを忘れないでください。

<uses-permission android:name="android.permission.INTERNET" />

その他の機能 (場所、カメラなど) については、このアプリとデバイスに対応する権限が設定されていることを確認してください。

于 2014-02-17T15:48:55.383 に答える