从 config.json 文件提供 google maps api 密钥

光芒四射

我有 config.json 文件,我已经处理了所有的 url 和密钥。有一个名为“googleMapsApiKey”的参数,其中有我的“地图键”。我想将此密钥提供给我的模块文件,以便我可以使用谷歌地图,但我无法提供它。下面是我的代码。

配置文件

{
      "googleMapsApiKey": "MY KEY",
   }

移动内容模块.ts

import { ConfigService } from '../../../HiP-CmsAngularApp/app/config.service';

    @NgModule({
      imports: [
        AgmCoreModule.forRoot({
          apiKey: 'WANT TO PROVIDE THAT KEY HERE', ---> from config.json
          libraries: ['places']
        }),
        CommonModule,
        FormsModule,

有一项名为 ConfigService 的服务,我在其中访问我的 config.json 文件。我已经在 MobileContentModule.ts 文件中导入了这个服务。

谁能帮我从 config.json 文件中获取我的 google api 密钥?这样做的目的是,我们不想在 github 上公开这个密钥。

耶勒仁

将它导入到您的文件中,如下所示:

import data from './config.json';
[...]
AgmCoreModule.forRoot({
  apiKey: data.googleMapsApiKey
  libraries: ['places']
}),[...]

但是TypeScript 2+会抱怨Cannot find module 'config.json'然后你必须使用通配符声明,如

declare module "json!*" {
    const value: any;
    export default value;
}

(参见https://www.typescriptlang.org/docs/handbook/modules.html#wildcard-module-declarations

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

google maps api,提供的API密钥无效

来自分类Dev

提供API密钥后,Google Maps将无法使用

来自分类Dev

Google Maps Geocoding的API密钥

来自分类Dev

Google Maps API密钥错误

来自分类Dev

用于文件:///的Google Maps API密钥引荐来源

来自分类Dev

Google Maps SDK无法验证API密钥

来自分类Dev

动态设置GMLib的Google Maps Api密钥

来自分类Dev

没有密钥的Google Maps API?

来自分类Dev

Wordpress ACF Google Maps Field API密钥

来自分类Dev

无法获取Google Maps JavaScript API密钥

来自分类Dev

难以获取Google Maps的API密钥

来自分类Dev

要使用Google Maps API,需要哪个API密钥?

来自分类Dev

隐藏Google Maps密钥

来自分类Dev

Maps API密钥生成

来自分类Dev

Google Maps API密钥-街景视图禁止使用403

来自分类Dev

在Android Studio中使用Gradle管理Google Maps API密钥

来自分类Dev

Google Maps Places:为什么需要API密钥?

来自分类Dev

Google Maps iOS API密钥不起作用

来自分类Dev

在GitHub上共享我的Google Maps API密钥是否安全?

来自分类Dev

使用“限制离子应用”保护Google Maps API密钥

来自分类Dev

如何为Google Maps v2设置api密钥

来自分类Dev

Google Maps API密钥-街景视图禁止使用403

来自分类Dev

在GitHub上共享我的Google Maps API密钥是否安全?

来自分类Dev

使用Google Maps Geocode查找(API密钥)的奇怪响应

来自分类Dev

Google Maps Places:为什么需要API密钥?

来自分类Dev

启动 Activity 时出现 Google Maps API 密钥错误

来自分类Dev

在 google-maps-react 中手动加载 Google API 时使用的不同 API 密钥

来自分类Dev

使用Google App Engine通过JSON文件进行解析的动态标记和infoWindow Google Maps API

来自分类Dev

Google Services 3.0.0和build.gradle中的Maps API密钥缺少api_key /当前密钥

Related 相关文章

  1. 1

    google maps api,提供的API密钥无效

  2. 2

    提供API密钥后,Google Maps将无法使用

  3. 3

    Google Maps Geocoding的API密钥

  4. 4

    Google Maps API密钥错误

  5. 5

    用于文件:///的Google Maps API密钥引荐来源

  6. 6

    Google Maps SDK无法验证API密钥

  7. 7

    动态设置GMLib的Google Maps Api密钥

  8. 8

    没有密钥的Google Maps API?

  9. 9

    Wordpress ACF Google Maps Field API密钥

  10. 10

    无法获取Google Maps JavaScript API密钥

  11. 11

    难以获取Google Maps的API密钥

  12. 12

    要使用Google Maps API,需要哪个API密钥?

  13. 13

    隐藏Google Maps密钥

  14. 14

    Maps API密钥生成

  15. 15

    Google Maps API密钥-街景视图禁止使用403

  16. 16

    在Android Studio中使用Gradle管理Google Maps API密钥

  17. 17

    Google Maps Places:为什么需要API密钥?

  18. 18

    Google Maps iOS API密钥不起作用

  19. 19

    在GitHub上共享我的Google Maps API密钥是否安全?

  20. 20

    使用“限制离子应用”保护Google Maps API密钥

  21. 21

    如何为Google Maps v2设置api密钥

  22. 22

    Google Maps API密钥-街景视图禁止使用403

  23. 23

    在GitHub上共享我的Google Maps API密钥是否安全?

  24. 24

    使用Google Maps Geocode查找(API密钥)的奇怪响应

  25. 25

    Google Maps Places:为什么需要API密钥?

  26. 26

    启动 Activity 时出现 Google Maps API 密钥错误

  27. 27

    在 google-maps-react 中手动加载 Google API 时使用的不同 API 密钥

  28. 28

    使用Google App Engine通过JSON文件进行解析的动态标记和infoWindow Google Maps API

  29. 29

    Google Services 3.0.0和build.gradle中的Maps API密钥缺少api_key /当前密钥

热门标签

归档