4

Android アプリケーションでマップを表示するために、新しい Google マップ v2 モジュールを使用しています。次の手順を実行しています。アプリケーションをインストールして正常に動作します。私が直面している問題は、ビュー内にマップがないことです。

1）最初にマップモジュールをダウンロードして、以下のフォルダーに入れました。 

/Users/fkamani/Library/Application\ Support/Titanium/modules/android/

2) tiapp.xml ファイルにマップ モジュールを追加します。

<module platform="android">ti.map</module>

3) tiapp.xml に次の Android マニフェストを追加します。

<android xmlns:android="http://schemas.android.com/apk/res/android">
        <manifest>
            <!-- Allows the API to download data from Google Map servers -->
            <uses-permission android:name="android.permission.INTERNET"/>
            <!-- Allows the API to cache data -->
            <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>
            <!-- Use GPS for device location -->
            <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION"/>
            <!-- Use Wi-Fi or mobile connection for device location -->
            <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION"/>
            <!-- Allows the API to access Google web-based services -->
            <uses-permission android:name="com.google.android.providers.gsf.permission.READ_GSERVICES"/>
            <!-- Specify OpenGL ES 2.0 as a requirement -->
            <uses-feature android:glEsVersion="0x00020000" android:required="true"/>
            <!-- Replace com.domain.appid with your application ID -->
            <uses-permission android:name="com.mycompanyname.myprojectname.permission.MAPS_RECEIVE"/>
            <permission android:name="com.mycompanyname.myprojectname.permission.MAPS_RECEIVE"
                android:protectionLevel="signature"/>
            <application>
                <!-- Replace "PASTE YOUR GOOGLE MAPS API KEY HERE" with the Google API key you obtained -->
                <meta-data android:name="com.google.android.maps.v2.API_KEY"
                    android:value="My App key"/>
            </application>
        </manifest>
    </android>

4) チタン SDK のバージョンを変更します。

<sdk-version>3.0.2.GA</sdk-version>

5) 以下のコードを Titan ドキュメントからコピーし、app.js ファイルに配置します。

var MapModule = require('ti.map');
var win = Titanium.UI.createWindow();

var mountainView = MapModule.createAnnotation({
    latitude:37.390749,
    longitude:-122.081651,
    title:"Appcelerator Headquarters",
    subtitle:'Mountain View, CA',
    pincolor:MapModule.ANNOTATION_RED,
    myid:1 // Custom property to uniquely identify this annotation.
});

var mapview = MapModule.createView({
    mapType: MapModule.NORMAL_TYPE,
    region: {latitude:33.74511, longitude:-84.38993,
            latitudeDelta:0.01, longitudeDelta:0.01},
    animate:true,
    regionFit:true,
    userLocation:true,
    annotations:[mountainView]
});

win.add(mapview);
// Handle click events on any annotations on this map.
mapview.addEventListener('click', function(evt) {
    Ti.API.info("Annotation " + evt.title + " clicked, id: " + evt.annotation.myid);
});
win.open();

6) 新しいキーストア ファイルを作成し、このキーストア ファイルを使用してディストリビューション ビルドを作成しました。

7) Google マップの API キーを作成するために、SHA1 証明書のフィンガープリント (com.mycompanyname.myprojectname) をコンソールにコピーしました。

Samsung S3 デバイスにアプリケーションが正常にインストールされました。アプリを実行すると、ズーム用の +、- ボタンでマップ ビューが表示されます。唯一の問題は、マップ ビュー内にマップがないことです。

4

3 に答える 3

2

モバイルでコンパイルしたときに Studio コンソールを確認し、次を探します。

[DEBUG] jarsigner -sigalg MD5withRSA -digestalg SHA1 -storepass ******* -keystore "YOUR_PATH_TO_KEYSTORE" -signedjar

キーストアが「.../mobilesdk/osx/3.0.2.GA/android/dev_keystore」にある場合は、dev_keystore の SHA1 証明書を使用して Google マップ API キーを作成する必要があります。

それは私にとってはうまくいきます。

于 2013-03-27T15:37:04.313 に答える
0

Galaxy s3でも同じ問題が発生しました。私にとっての解決策は、マップモジュールをプロジェクト（ modules/android/ti.map/2.1.2 ）に移動したことでした.AndroidManifest.xmlが問題を引き起こしていました.あなたがしたように問題。

これが役立つことを願っています。また、男が実際に完全なセットアップを示している非常に優れたビデオ (彼にたくさん感謝します!) は、ここで見ることができます: http://www.youtube.com/watch?v=M4fUlqKWg7g

于 2013-07-18T09:21:37.430 に答える
0

非常によく似た問題に気付きました。私のアプリでは、画面外のコンテンツをロードし、left プロパティを設定して画面上のビューをアニメーション化するビュー マネージャーを使用しています。マップを表示できる唯一の方法は、アニメーション呼び出しで不透明度の変更も含めることです。説明のために小さな Alloy アプリを作成しました。

index.js

function doClick(e) {  
    $.mapView.animate({left:0, opacity:1})
}

var map1 = MapModule.createView({
    userLocation: true,
    mapType: MapModule.NORMAL_TYPE,
    animate: true,
    region: {latitude: -33.87365, longitude: 151.20689, latitudeDelta: 0.1, longitudeDelta: 0.1 },
    height: '100%',
    top: 0,
    left: 0,
    width: '100%'
});

$.mapView.add(map1);

$.win.open();

index.xml

<Alloy>
    <Window class="container" id="win">
        <Label onClick="doClick" height="100">Click HERE</Label>
        <View id="mapView">

        </View>
    </Window>
</Alloy>

index.tss

".container": {
    backgroundColor:"white"
},
"#mapView": {
    top:0,
    bottom:0,
    opacity:1,
    width:Ti.Platform.displayCaps.platformWidth,
    left:Ti.Platform.displayCaps.platformWidth
}

アニメーション呼び出しから不透明度を削除すると、説明したとおりにマップが空白になります。

function doClick(e) {  
    $.mapView.animate({left:0})
}

私にとってはうまくいくように見える汚いトリックですが、アニメーション呼び出しで不透明度を変更すると（ $.mapView.opacity = 1; を追加するだけでは機能しない）、マップが表示される理由を知りたいと思います...

于 2013-03-26T18:25:39.727 に答える