Angular Google Maps :在app.module中获取Api密钥
Angular Google Maps是一个用于在Angular应用程序中集成Google Maps的开源库。它提供了一组Angular组件和指令，使开发人员能够轻松地在应用程序中添加地图和地图相关的功能。
要在app.module中获取Google Maps的API密钥，可以按照以下步骤进行操作：
- 首先，你需要在Google Cloud平台上创建一个项目并启用Google Maps JavaScript API。你可以访问Google Cloud控制台（https://console.cloud.google.com/）并按照指示进行操作。
- 在项目中启用Google Maps JavaScript API后，你将获得一个API密钥。这个API密钥是与你的项目关联的，用于验证你的应用程序对Google Maps API的访问权限。
- 在Angular应用程序中，你可以创建一个名为
environment.ts的文件，用于存储应用程序的环境变量。在这个文件中，你可以添加一个名为googleMapsApiKey的变量，并将其设置为你在Google Cloud平台上获得的API密钥。 - 在Angular应用程序中，你可以创建一个名为
environment.ts的文件，用于存储应用程序的环境变量。在这个文件中，你可以添加一个名为googleMapsApiKey的变量，并将其设置为你在Google Cloud平台上获得的API密钥。 - 在
app.module.ts文件中，你可以导入environment.ts文件，并将googleMapsApiKey变量传递给Angular Google Maps库的AgmCoreModule.forRoot()方法。 - 在
app.module.ts文件中，你可以导入environment.ts文件，并将googleMapsApiKey变量传递给Angular Google Maps库的AgmCoreModule.forRoot()方法。
现在，你已经成功地在app.module中获取了Google Maps的API密钥。这样，你就可以在Angular应用程序中使用Angular Google Maps库来集成Google Maps并添加地图功能了。
推荐的腾讯云相关产品：腾讯云地图服务（https://cloud.tencent.com/product/maps）
相关·内容
我的Angular 6应用程序使用的是。我希望将api存储在我的config.json文件中，并通过配置服务读取它。在APP_INITIALIZER中已经调用了配置服务，如下所示： export function initializeData(appConfig: AppConfig我知道我必须编写一个提供程序来延迟加载api密钥，如下所示：
{ provide: LAZY_MAPS_API<
浏览 18提问于2018-12-13得票数 0
我一直在尝试为xamarin表单地图实现自定义的图钉。在我自己的应用程序中进行了最初的尝试后，我无法让它工作，所以我用下载了最新版本的示例代码。，所以我不知道那里是否发生了一些变化：06-04 15:16:06.282: E/AndroidRuntime
浏览 0提问于2020-06-04得票数 1
我正在开发Gps跟踪器应用程序android，我试图跟踪公交车路线并将其显示在谷歌地图上，我正在获得公交车位置的纬度和经度值，即使公交车也在移动或不移动。我的问题：-公交车在路上行驶，我正在获取lat/long值，并将其放入我的google地图中。问题是我的标记正在建设中，河也在路上，甚至公交车也在路上。我的要求：-我的标记应该只在道路上移动，而不是在建筑物上假设如果我的经度/经度值不在道路上(在
浏览 2提问于2015-06-20得票数 1
npm install vue-google-autocomplete --saveimport VueGoogleAutocomplete from 'vue-google-autocomplete'最后，下面是模板中的代码。<vue-google-aut
浏览 71提问于2018-06-02得票数 0
回答已采纳
2回答
google地图未显示
、、、、
我正在尝试显示一个android项目的google地图。我遵循了所有的步骤，没有任何问题，但当我启动我的应用程序时，地图根本不显示，我只有一个白屏。<?android:targetSdkVersion="17" />
android:name="com.map.permission.MAPS_RECEIVEandroid:protectionLevel="signature" />
<
浏览 0提问于2013-02-25得票数 0
我很难通过以下错误，这表明我的清单中缺少一个标记：
05-04 17:05:16.517: E/AndroidRuntime(26717): Caused by: java.lang.RuntimeException: API key not found.Check that <meta-data android:name="com.google.android.maps.v2.API_KEY" android:value="your API
浏览 2提问于2014-05-05得票数 0
我已经在android中创建了一个MapActivity来打开地图(Google )，但是当我通过单击按钮打开活动时，显示的是白色屏幕而不是地图。没有由android工作室提供的错误/异常。;import com.google.android.gms.maps.OnMapReadyCallback;
import com.google.android
浏览 1提问于2016-04-30得票数 0
我有一个谷歌地图在我的索引页面，它是工作的。我现在检查过了，它不再工作了。代码有什么问题吗？<script src="http://maps.googleapis.com/maps/api/js"></script>var myCenter= new google.
浏览 4提问于2017-05-21得票数 0
我看过很多关于这个主题的文章，但我似乎就是找不到一个嵌入在我网站上的谷歌地图的修复方法。它是一个iframe，它引用使用maptiler程序创建的单独托管的html文件。嵌入会产生可怕的“糟糕！java控制台抱怨“没有api密钥”……我创建了各种各样的Google Maps Javascript API密钥，有时使用http规则，有时不使用。毫无办法。<script type="text/j
浏览 7提问于2018-01-23得票数 0
嗨，当时在谷歌地图上工作。我想在我的活动中显示地图。我成功地显示了地图视图。但是我不能显示地图，我想我有错误的api密钥，所以我如何才能获得谷歌地图的api密钥。我创建了密钥库和所有的过程，但是我不知道如何从这个密钥库中获取api密钥。我也给了所有的权限，在清单文件，也添加了谷歌地图库，我也不能显示的map.in活动，也扩展了地图活动，也为xml地图编写代码。
如
浏览 1提问于2013-05-09得票数 6
回答已采纳
= null;google.maps.event.addDomListenerGoogle Map
// For more options see: https://developers.google.com/maps/documentation/java
浏览 2提问于2016-08-15得票数 0
我是Perl的新手，当我试图使用Geo::Coder::Google it return "Google Maps API return status 'REQUEST_DENIED'“错误消息编写代码来打印某个位置的经度和纬度时/usr/bin/perl
use warnings 'all';
my $geocoder = Geo::Coder::
浏览 1提问于2019-07-06得票数 2
我已经尝试了npm模块，google开发人员文档(这是特定于javascript的)和各种其他网站，但没有关于如何将多个街道地址转换为纬度和经度并在该位置显示标记的特定文档。
浏览 18提问于2019-09-17得票数 0
3回答
未在嵌套div中显示的谷歌地图
、、、、
我正在尝试将谷歌地图插入到嵌套的div中。我从网上找到的一个例子中复制了一些通用代码，以确认我可以让它正常工作。我在我的index.html的body元素中粘贴了该代码，它运行得很好。我还注意到，在查看dev工具中的map元素时，它没有像已知的好map div那样生成任何额外的嵌套div。div> function initMap() { c
浏览 0提问于2018-10-30得票数 0
回答已采纳
1回答
我正在web应用程序中加载google地图/places JS API，就像这样在我的web/Ionic移动应用程序中。<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?libraries=places,geometry"><
浏览 0提问于2016-01-14得票数 0
我试图在ACF中添加google地图字段，但是当我尝试编辑或添加新的文章时，它会显示地图，然后显示它和wrtie：
糟了！出了点问题。此页面没有正确加载Google。
浏览 6提问于2016-08-11得票数 0
因此，我注册了一个Google Maps API密钥，之后得到的文档显示，要加载Javascript Maps API，请使用以下代码：
<script type="text/javascript" src="http://maps.google.com/maps?file=api&v=2&sensor=fal
浏览 6提问于2011-03-03得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
