Nativescript屋内/地上図

Question

マーカーを付けた建物の地面/屋内計画（下の図のようなもの）を表示するNativescriptアプリケーションを作成したいが、私はその上で自分の頭を包むことができない。誰かがそれを行うための最良の方法/簡単な方法を知っていますか？それはあなたがGoogleマップnativescript-google-maps-sdkまたはnativescript-googlemapsの両方のプラグインのいくつかを選択することができ

Answer 1

..インタラクティブマップである必要はありません。地図がロードされたら、setIndoorEnabled(boolean)とsetIndoorLevelPickerEnabled(boolean)を使用してインドアマップを有効にする必要があります。ズームインすると、屋内マップがそのマップを持つ場所に表示されます。私はサンプルコードを添付しています。あなたがnativescript-google-maps-sdk demoやnativescript-googlemaps demoを使用することができますどのようにNativeScriptプロジェクトのセットアップGoogleマップをさらに支援するため

import { Component, ChangeDetectionStrategy, OnInit, Input } from "@angular/core"; 
import { ObservableArray } from "data/observable-array"; 
import { mockedDataArray } from "../mock-dataItems"; 
import { Location } from "nativescript-geolocation"; 
import { TnsGoogleMaps } from "nativescript-googlemaps"; 
import * as app from "application"; 
import { isAndroid } from "platform"; 

declare var com: any; 
@Component({ 
    moduleId: module.id, 
    templateUrl: "./header-with-map.component.html", 
    changeDetection: ChangeDetectionStrategy.OnPush 
}) 
export class HeaderWithMapExampleComponent { 
....... 
    public mapview: TnsGoogleMaps; 
....... 
    constructor() { 
     .............. 
    } 



    public onMapReady(args) { 

      this.mapview.googleMap.setIndoorEnabled(true); 
      this.mapview.googleMap.getUiSettings().setIndoorLevelPickerEnabled(true); 

    } 
} 

。 NativeScript Angular2デモでは、サンプルコードhereを使用できます。