Ember 3.6超级租赁教程LEAFLET_MAPS_API_KEY使用environment.js

Question

在学习ember 3.6超级租赁教程时，我在添加ember简单传单地图时遇到了一些障碍。我无法设置环境变量LEAFLET_MAPS_API_KEY。https://guides.emberjs.com/release/tutorial/service/

据我所知，本教程中您是否在操作系统上设置了环境变量？也许我的想法是错误的，但我想要一种方法，只需将变量添加到我的项目/config/enenvironment.js 中

Answer 1

OP的回答：

安装插件后：

ember install ember-simple-leaflet-maps

我打开了geocode.js文件，查看服务是如何注入api密钥的。路径为：node_modules\成员简单传单地图\addon\services\geocode.js

代码行是：

let accessToken = getOwner(this).resolveRegistration('config:environment')['ember-simple-leaflet-maps'].apiKey;

在那里，我只是将它正在查找的内容添加到我的文件/config/enenvironment.js 中

let ENV = {
modulePrefix: 'super-rentals',
environment,
rootURL: '/',
locationType: 'auto',
'ember-simple-leaflet-maps': {
apiKey: 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx'
},
EmberENV: {
FEATURES: {
// Here you can enable experimental features on an ember canary build
// e.g. 'with-controller': true
},
EXTEND_PROTOTYPES: {
// Prevent Ember Data from overriding Date.parse.
Date: false
}
},
APP: {
// Here you can pass flags/options to your application instance
// when it is created
}
};

重建项目并服务，我的地图现在显示

ember build
ember serve