NativeScriptアプリで地図にマーカーを追加する

nativescript-google-maps-sdkを使用してNativeScriptアプリを構築しています。NativeScriptアプリで地図にマーカーを追加する

私はcoordinateTappedイベントのイベントリスナーを追加しているし、今では作業であることを私はタップする位置に、地図上のマーカーをプロットしたいです。

この例は、オンラインまたはsdkのマニュアルで見つけることができません。私は非常に近く、ちょっとした修正が必要だと感じています。

var mapsModule = require("nativescript-google-maps-sdk"); 

function onCoordinateTapped(args) { 
    console.log("coordinate tapped!"); 
    var mapView = args.object; 
    var marker = new mapsModule.Marker(); 
    marker.position = mapsModule.Position.positionFromLatLng(args.latitude,args.longitude); 
    mapView.addMarker(marker); 
}

注：何nativescript-google-mapsタグが存在しないように私はgoogle-mapsタグでこの質問をラベル付けしました。

出典

2017-01-30 Danoram

あなたのコードが右looks'n'feelsと私は推測何のXMLファイルはありませんが、あなたはがhere

<maps:mapView coordinateTapped="onCoordinateTapped" />

ようをonCoordinateTappedフォールバック機能を渡すためにcoordinateEventを使用している@Danoramねえそれはあなたのために働いているのですか、または何らかのエラー/予期しない動作を経験していますか？あなたの投稿から問題がどこにあるのかは完全にはっきりしていません。

出典

2017-01-30 15:14:13

こんにちはニック、そうですね。コールバック関数を 'coordinateTapped'イベントに設定しました。現在の機能は、コンソールが「タップ座標」を出力することです。私はデバイス上の画面をタップするが、マーカーは置かない。 – Danoram

Google APIキーを入手したら、プラグインデモをテストしようとします。一方、あなたのケースに該当する場合は、nativescript-geolocationのような別のプラグインを使用できます。マーカを追加する方法の例はhttps://github.com/NativeScript/nativescript-sdk-examples-ng/blob/master/app/common-screens-category/lists-category/header-with-map/です。 header-with-map.component.ts＃L52-L59 ..一度私はnativescript-google-maps-sdkをテストする機会があります。 –

ありがとう@Nick、私はgeolocationプラグインを試してみます。次にチャンスがあります。私の友人と私が最終的にアプリで達成しようとしているのは、Googleマップの "交通層"機能を使って2つのポイント間の移動時間を決定することです。私は、これがnativescript maps sdkを使って可能かどうかも分かりません。 – Danoram

NativeScriptアプリで地図にマーカーを追加する

答えて

関連する問題