Google maps 谷歌地图未在浏览器中显示

Google maps 谷歌地图未在浏览器中显示,google-maps,ionic-framework,ionic2,Google Maps,Ionic Framework,Ionic2,大家好,我在youtube上关注这个关于如何实现谷歌地图的教程。当我运行代码时,谷歌地图显示什么都没有。我对爱奥尼亚还是个新手:) 链接到教程: home.html home.ts 浏览器中的结果: 地图浏览器html源代码 您必须在Google地图中添加api,转到开发者工具并给出。新api因为您使用的是基于本机的Google Maps SDK,所以它不应该在浏览器上运行 本机SDK需要Cordova,因此仅在安装在设备/模拟器上时运行,而不是通过浏览器运行 如果您想在浏览器上运行它

大家好,我在youtube上关注这个关于如何实现谷歌地图的教程。当我运行代码时,谷歌地图显示什么都没有。我对爱奥尼亚还是个新手:)

链接到教程:

home.html

home.ts

浏览器中的结果:

地图浏览器html源代码

您必须在Google地图中添加api,转到开发者工具并给出。新api

因为您使用的是基于本机的Google Maps SDK,所以它不应该在浏览器上运行

本机SDK需要
Cordova
,因此仅在安装在设备/模拟器上时运行,而不是通过浏览器运行


如果您想在浏览器上运行它,请使用基于web的
Javascript SDK

您确定它没有在浏览器中呈现吗?加载页面后,(映射div的)标记是什么样子的?你需要一个宽度还是一个固定的高度,而不是100%?嗨,我已经更新了我的帖子。我不认为它的宽度或高度是100%。但我想我遗漏了一些我不知道的东西,如果在chrome上,右键单击并选择“inspect element”。然后找到你的地图html,复制并粘贴到这里。你需要发布你的标记和代码,而不是无法搜索或复制的代码图片。html源代码看起来很好,由mei生成密钥,并运行以下命令ionic cordova plugin add--variable API_key_FOR_ANDROID=“你的ANDROID_API_key_在这里”并在index.html中添加了谷歌地图的脚本标签