NativeScript -如何显示谷歌地图我的位置按钮

Question

我正在用NativeScript 6+和Angular 8+构建一个应用程序。

我正在使用这个谷歌地图插件：https://github.com/dapriett/nativescript-google-maps-sdk

它工作得很好，但我想显示“我的位置”按钮。我启用了它，但它不能打开。

​

​

模板

<Page class="page">
    <GridLayout rows="auto,*">
        <Label row="0" class="h3" text="Maps"></Label>
        <MapView
            row="1"
            #mapView
            i-padding="50,50,50,50"
            (mapReady)="onMapReady($event)"
            myLocationButtonEnabled="true"
            myLocationTapped="myLocationTapped()"
            iosOverflowSafeArea="true">
        </MapView>
    </GridLayout>
</Page>

组件

export class ClockingComponent implements OnInit {
    mapView: MapView;

    constructor() {}

    public ngOnInit() {}

    public onMapReady(event) {
        console.log(" map ready ");

        const mapView = event.object;

        this.mapView = mapView;

    }

    public myLocationTapped() {}

Answer 1

在阅读了该代码库中的源代码后，我无法找到显式创建的Angular绑定，但我将definition file与Angular演示template进行了比较。我认为您必须遵循现有的成员变量：

        <MapView
            row="1"
            #mapView
            i-padding="50,50,50,50"
            (mapReady)="onMapReady($event)"
            [myLocationEnabled]="true"
            (myLocationTapped)="myLocationTapped()"
            iosOverflowSafeArea="true">
        </MapView>

您可以从其定义中看到，MapView类具有成员变量myLocationEnabled，而不是myLocationButtonEnabled，尽管后者是UISettings中使用的名称。此外，不要忘记输出绑定需要用括号将它们括起来(myLocationTapped)。