首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >用于Ionic应用的

用于Ionic应用的
EN

Stack Overflow用户
提问于 2015-09-15 10:20:50
回答 3查看 6.1K关注 0票数 5

的情况:

我需要在我的Ionic应用程序中包括一个谷歌地图。

设置映射:

为了测试它,我完成了以下步骤:

  1. Google控制台开发人员中注册
  2. 启用Google API
  3. 获取API键作为浏览器密钥
  4. 将脚本添加到index.html:
  5. 创建一个map div和相关的css:
  6. 制作一个以用户地理位置为中心的基本地图: $cordovaGeolocation.getCurrentPosition(options).then(function(position){ .controller('MapCtrl',函数($scope,$state,$cordovaGeolocation) ){ var options = {timeout: 10000,enableHighAccuracy: true};},函数( $scope.map ){console.log(“无法获取位置”);});

问题:

它工作得很好,但这是为了在浏览器中进行测试。当我在应用程序或模拟器(Genymotion)中测试它时,地图甚至没有打开。当然,原因可能很简单:因为我有一个浏览器键。

但我试过其他的钥匙,反正也不会打开的。

由于代码是正确的,问题如下:

  1. 哪种类型的谷歌地图,我必须使谷歌地图在我的Ionic应用程序,工作良好的Android和Ios?

谷歌地图JavaScript API是正确的选择吗?

  1. 服务器密钥-浏览器密钥- android密钥- ios密钥之间需要获取哪种密钥?浏览器键对本地应用程序有效吗?

谢谢你!!

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2015-09-18 07:46:52

我已经找到了一个使用角-谷歌地图的解决方案。

按照文档中的基本步骤进行设置就足够了。它在浏览器中作为一个棱角应用程序工作,在手机中作为一个Ionic混合应用程序工作。

票数 2
EN

Stack Overflow用户

发布于 2015-12-10 07:43:22

我和您有相同的示例代码,并且在Genymotion中也面临同样的问题。我通过调整Genymotion开发人员设置来解决这个问题。

  1. 设置->允许模拟位置检查允许模拟位置
  2. 确保GPS是开着的。启动GPS
票数 1
EN

Stack Overflow用户

发布于 2015-09-15 10:57:02

试试下面的脚本-

代码语言:javascript
运行
复制
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&signed_in=true&libraries=places&language=en"></script>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/32583568

复制
相关文章

相似问题

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