首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >“nativescript-google-maps sdk”PlugIn显示空白屏幕。

“nativescript-google-maps sdk”PlugIn显示空白屏幕。
EN

Stack Overflow用户
提问于 2016-05-08 12:45:04
回答 4查看 1.5K关注 0票数 0

我已经在我的本地语言-google-maps sdk项目中安装了NativeScript 2.0插件。

我在Google控制台上生成并激活了一个Android密钥

正如插件文档中所描述的那样,我用API键添加了字符串资源值nativescript_google_maps_api_key,但是它不起作用。

我还尝试添加google_maps_key字符串资源,如官方Google中所述,因此我的资源文件如下所示:

代码语言:javascript
运行
复制
<resources>
  <string name="google_maps_key">MY_API_KEY</string>
  <string name="nativescript_google_maps_api_key">MY_API_KEY</string>
</resources>

最后一次尝试是向AndroidManifest.xml文件添加一个元值:

代码语言:javascript
运行
复制
<manifest>
  <application>
      ...

      <meta-data android:name="com.google.android.geo.API_KEY"
                 android:value="MY_API_KEY" />
  </application>
</manifest>

在我的app.gradle文件中,我添加了对包的引用。

但什么都帮不上忙..。我仍然有一个带有谷歌标志的空白屏幕,但没有地图。

EN

回答 4

Stack Overflow用户

发布于 2017-05-08 19:30:49

我也有同样的问题。在我检查了“”之后,它成功了

  1. 打开安卓虚拟设备管理器
  2. 选择模拟器并单击编辑
  3. 检查模拟器选项:使用主机GPU
票数 1
EN

Stack Overflow用户

发布于 2016-05-09 14:56:52

我无法正确运行这个插件,也许它与NativeScript 2.0不兼容。然而,您可以使用官方的nativescript-geolocation、NativeScript、插件或nativescript-googleMaps,,这些插件在iOS和Android上都可以正常工作。你可以在这里读到更多关于插件的信息:NativeScript定位

此外,您还可以使用nativescript-googleMaps 位置查看这个示例应用程序,以便将项目升级到最新的NS2.0。运行npm安装tns核心模块@保存

实际上,您应该添加以下一行

代码语言:javascript
运行
复制
<meta-data
            android:name="com.google.android.geo.API_KEY"
            android:value="API_KEY" />

AndroidManifest.xml中的</application>结束标记之前

票数 0
EN

Stack Overflow用户

发布于 2016-05-09 15:41:35

我遵循了演示应用程序中所示的确切步骤,并且它正确地工作了!现在,我注意到的第一件事是,带有API-Key的文件位于以下位置

App_Resources/Android/values/nativescript-google-maps-api.xml

看起来是这样:

代码语言:javascript
运行
复制
<?xml version="1.0" encoding="utf-8"?>
<resources>
    <string name="nativescript_google_maps_api_key">your-api-key-here</string>
</resources>

在map-page.xml中

代码语言:javascript
运行
复制
<Page xmlns="http://www.nativescript.org/tns.xsd" xmlns:maps="nativescript-google-maps-sdk" loaded="pageLoaded">
<GridLayout>
    <maps:mapView latitude="{{ latitude }}" longitude="{{ longitude }}" zoom="{{ zoom }}"/>
</GridLayout>

请记住,在演示中,作者通过视图模型通过了params,但是您始终可以硬核纬度、经度和缩放值,以便进行测试。只有这样,插件才能正常工作。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/37099978

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档