2016-09-26 7 views
0

私のコードツールアプリでGoogleマッププラグインを使いたいです。 CコードラでGoogleマッププラグインを使用する空白地図を表示

のkeytool -exportcert -alias androiddebugkey -keystore:\ Users \ユーザーMorsali.android \ debug.keystore -list -v

と私は私が作成し、私は成功し、次のコマンドを使用して、私のSHA1キーを作成します。アンドロイドとIOSキーが正常に終了しました。パッケージ名、SHA1、...輸入正しく:

enter image description here

:私はindex.htmlページを次のように私のアプリをビルドするとき、私はGoogleのアイコンで空白のマップを参照してくださいが、

enter image description here

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8" /> 

    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <script type="text/javascript" src="cordova.js"></script> 
    <script type="text/javascript"> 
    var map; 
    document.addEventListener("deviceready", function() { 
     var div = document.getElementById("map_canvas"); 

     // Initialize the map view 
     map = plugin.google.maps.Map.getMap(div); 

     // Wait until the map is ready status. 
     map.addEventListener(plugin.google.maps.event.MAP_READY, onMapReady); 
    }, false); 

    function onMapReady() { 
     var button = document.getElementById("button"); 
     button.addEventListener("click", onBtnClicked, false); 
    } 

    function onBtnClicked() { 
     map.showDialog(); 
    } 
    </script> 
</head> 
<body> 
    <h3>PhoneGap-GoogleMaps-Plugin</h3> 
    <div style="width:100%;height:400px" id="map_canvas"></div> 
    <button id="button">Full Screen</button> 
</body> 
</html> 

ここにはプラグインがありますgooglemap-plugin 次のコードにはどのような問題がありますか?どうすれば修正できますか?私を助けてください。ありがとうございました。

答えて

0

Cordovaは、AndroidのView APIではネイティブではなく、WebViewsで多くのレンダリングを行います。生成したAPIキーは厳密に「Androidアプリ」用です。 AndroidのGoogle Maps APIを使用していないので、キーを「HTTP参照元」に制限するか、「なし」でテストすることをお勧めします。

+0

私はnoneを選択し、Http参照元も選択しますが問題ありません... map show blank残念ながら、私はドン;理由を知っている...私のAPIのキーが本当であることを知っている...しかし、表示されないとリップルは正しくプラグインを表示しないため、デバッグすることはできません。助けてください...ありがとうございます –

+0

エミュレータまたは物理的なデバイスで実行していますか?エミュレータを使用している場合、Google APIを搭載したAndroidバージョンを使用していますか? – thomaspsk

関連する問題