如何在Ionic4中调用非Ionic-Native的Cordova定位服务插件函数？

别急，我来帮你解决这个问题。你遇到的"locationservices未定义"错误，大概率是两个原因：大小写拼写不一致，或者没有等待Cordova设备就绪就调用插件，还有可能是TypeScript声明的方式不对。下面一步步来解决：

1. 先修正拼写错误 #

你代码里声明的是locationservices（全小写），但调用的是locationServices（驼峰式），这明显不匹配！先把声明改成和插件全局变量一致的名称——这个插件的全局对象应该是locationServices（首字母小写，后面驼峰），所以声明要写成：

declare var locationServices: any;

2. 务必等待Cordova设备就绪 #

Cordova插件只有在deviceready事件触发后才能访问，Ionic里可以用Platform服务来监听这个状态。你需要先导入Platform，然后在设备就绪后再调用插件方法。

3. 完整的组件示例代码 #

比如在你的页面组件里这么写：

import { Component, OnInit } from '@angular/core';
import { Platform } from '@ionic/angular';

// 正确声明插件全局变量
declare var locationServices: any;

@Component({
  selector: 'app-your-page',
  templateUrl: './your-page.page.html',
  styleUrls: ['./your-page.page.scss'],
})
export class YourPagePage implements OnInit {

  constructor(private platform: Platform) { }

  ngOnInit() {
    // 等待设备就绪后再调用插件
    this.platform.ready().then(() => {
      // 定义成功回调
      const geolocationSuccess = (position) => {
        console.log('位置信息:', position);
      };

      // 定义错误回调
      const geolocationError = (error) => {
        console.error('获取位置失败:', error);
      };

      // 配置选项
      const geolocationOptions = {
        enableHighAccuracy: true,
        timeout: 10000,
        maximumAge: 0
      };

      // 调用插件方法
      locationServices.geolocation.getCurrentPosition(geolocationSuccess, geolocationError, geolocationOptions);
    });
  }
}

4. 额外检查：确保插件正确安装 #

如果你还没确认插件安装成功，可以在项目根目录执行以下命令检查已安装的Cordova插件：

cordova plugin list

确认cordova-plugin-locationservices出现在列表里，同时检查config.xml文件里有没有对应的<plugin>条目。

5. 优化TypeScript类型（可选） #

如果想要更严谨的类型提示，你可以在src/typings.d.ts文件里添加更详细的类型声明，比如：

interface GeolocationPosition {
  coords: {
    latitude: number;
    longitude: number;
    altitude?: number;
    accuracy: number;
    altitudeAccuracy?: number;
    heading?: number;
    speed?: number;
  };
  timestamp: number;
}

interface GeolocationError {
  code: number;
  message: string;
}

declare var locationServices: {
  geolocation: {
    getCurrentPosition(
      success: (position: GeolocationPosition) => void,
      error?: (err: GeolocationError) => void,
      options?: {
        enableHighAccuracy?: boolean;
        timeout?: number;
        maximumAge?: number;
      }
    ): void;
  };
};

这样TypeScript就能给你自动补全和类型检查了。

内容的提问来源于stack exchange，提问作者Seloka