580
回編集
差分
提供: fukudat.net
ナビゲーションに移動検索に移動
→参考文献
* 暗号を使うか？ = REST API を https で読んでいるので、yes。ただし、https のみを使用にチェック。
* IDFAを使うか? = 広告を表示するので (自分は使わないが) 広告配信サービスが使うだろうから yes。
== Plugin ==
=== Google Maps ===
==== インストール ====
<pre>
$ tns plugin add nativescript-google-maps-sdk
</pre>
==== 使い方 ====
詳細は https://www.npmjs.com/package/nativescript-google-maps-sdk を参照。
<code>app.module.ts</code>に以下のコードを追加：
<pre>
import * as platform from "platform";
declare var GMSServices: any;
....
if (platform.isIOS) {
GMSServices.provideAPIKey("PUT_API_KEY_HERE");
}
</pre>
地図を使うコンポーネント (例: <code>map.component.*</code>) に以下のようなコードを埋める。
<pre>map.component.html
<GridLayout>
<MapView
[latitude]="latitude"
[longitude]="longitude"
[zoom]="zoom"
[bearing]="bearing"
[tilt]="tilt"
[mapAnimationsEnabled]="mapAnimationsEnabled"
[padding]="padding"
(mapReady)="onMapReady($event)"
(markerSelect)="onMarkerSelect($event)"
(markerBeginDragging)="onMarkerBeginDragging()"
(markerEndDragging)="onMarkerEndDragging()"
(markerDrag)="onMarkerDrag()"
(cameraChanged)="onCameraChanged()"
(cameraMove)="onCameraMove()"></MapView>
</GridLayout>
</pre>
<pre>map.component.ts
import { MapView, Marker, Position, Polyline } from "nativescript-google-maps-sdk";
...
export class MapComonent implements OnInit {
private mapView: MapView;
onMapRead(event): void {
this.mapView = event.object;
...
}
onMarkerSelect(event): void {
const marker = event.marker;
const userData = marker.userData;
...
}
}
</pre>
== 参考文献 ==
* [https://www.nativescript.org/ NativeScript.org]
* [https://www.npmjs.com/package/nativescript-google-maps-sdk NativeScript plugin for the Google Maps SDK]
* [https://www.nativescript.org/blog/5-plugins-to-monetize-your-nativescript-app 5 Plugins to Monetize Your NativeScript App]
* [https://r17n.page/2020/02/20/nativescript-icon-and-splash-screen/ NativeScript で アイコン/スプラッシュスクリーン を 生成/設定]
* [http://examination-03.hatenablog.com/ サルでもできるiOSアプリ公開手順～App store 登録～]
