时间戳

首页 > 解决方案 > 为什么 HERE Places API 不在设备上工作，而是在 localhost 上工作？

ionic4 - 为什么 HERE Places API 不在设备上工作，而是在 localhost 上工作？

问题描述

我正在尝试在 Ionic5 应用程序中从 HERE places-api 实现位置搜索 API。在 localhost 环境中一切正常，但搜索停止在设备上工作。

问题：是否有特殊的 App-Code 或 -Key 用于设备使用（也用于通过 Android Studio 进行测试）？以及为什么通过使用 android-studio 测试它在本地主机上而不是在设备上工作？

我尝试将 app-code & app-id 更改为 app-key 并尝试了 Rest、JS 和 Rest-JS 身份验证凭据，但它不起作用。我不知道接下来要做什么，因为在设备上进行测试没有错误，对此 API 没有任何反应。

索引.html

       <script
            src="https://js.api.here.com/v3/3.0/mapsjs-core.js"
            type="text/javascript"
            charset="utf-8"
        ></script>
        <script
            src="https://js.api.here.com/v3/3.0/mapsjs-service.js"
            type="text/javascript"
            charset="utf-8"
        ></script>

        <script
            src="https://js.api.here.com/v3/3.0/mapsjs-places.js"
            type="text/javascript"
            charset="UTF-8"
        ></script>

搜索服务

 public async searchLocation(search): Promise<any> {
        var platform = new H.service.Platform({
            app_id: "my-id",
            app_code: "my-code",
        });

        var searchParams = {
            q: search,
            in: "-180,-90,180,90"
        };

        return this.startSearch(platform, searchParams);
    }

    public async startSearch(platform: any, searchParams: object): Promise<any> {
        return new Promise((resolve, reject) => {
            var search = new H.places.Search(platform.getPlacesService());
            const self = this;
            search.request(
                searchParams,
                {},
                function onResult(data: any) {
                    self.Result = data.results.items;
                    resolve(self.Result);
                },
                function onError(error: any) {
                    console.log("HERE search error", error);
                    reject(error);
                }
            );
        });
    }

编辑 - 错误日志

E/Capacitor/Console: File: http://localhost/vendor-es2015.js - Line 43427 - Msg: ERROR Error: Uncaught (in promise): Error: [timeout] http://places.api.here.com/places/v1/discover/explore?xnlp=CL_JSMv3.0.17.0&app_id=--myID--&app_code=--myCode--&in=49.9949556%2C10.1767104%3Br%3D10000&size=100 request failed
    Error: [timeout] http://places.api.here.com/places/v1/discover/explore?xnlp=CL_JSMv3.0.17.0&app_id=--myID--&app_code=--myCode--&in=479.9949556%2C10.1767104%3Br%3D10000&size=100 request failed
        at Object.Zc (eval at <anonymous> (https://js.api.here.com/v3/3.0/mapsjs-core.js:56:36), <anonymous>:11:176)
        at b (eval at <anonymous> (https://js.api.here.com/v3/3.0/mapsjs-core.js:56:36), <anonymous>:9:440)
        at eval (eval at <anonymous> (https://js.api.here.com/v3/3.0/mapsjs-core.js:56:36), <anonymous>:10:43)
        at ZoneDelegate.invokeTask (http://localhost/polyfills-es2015.js:3741:31)
        at Object.onInvokeTask (http://localhost/vendor-es2015.js:73280:33)
        at ZoneDelegate.invokeTask (http://localhost/polyfills-es2015.js:3740:60)
        at Zone.runTask (http://localhost/polyfills-es2015.js:3518:47)
        at invokeTask (http://localhost/polyfills-es2015.js:3815:34)
        at ZoneTask.invoke (http://localhost/polyfills-es2015.js:3804:48)

标签： ionic4here-apiionic5

解决方案

固定的：

谢谢@Raymond，我用另一种方式修复了用例。我没有对我的问题进行 API 调用，而是将其更改为 httpClient 的 URL 请求。

public async searchLocation(search): Promise<any> {
        const BASE_NOMINATIM_URL = "nominatim.openstreetmap.org";
        const DEFAULT_VIEW_BOX = "-25.0000%2C70.0000%2C50.0000%2C40.0000";
        const url = `https://${BASE_NOMINATIM_URL}/search?format=json&q=${search}&${DEFAULT_VIEW_BOX}&bounded=1`;
       
        return this.http.get(url).subscribe((ans) => {
            console.log("data", ans);
        });
    }

我不知道为什么我的问题里面的方法不起作用。但是 URL 方式有效。

推荐阅读