离子服务:可以通过localhost访问google地理位置api,但是当服务地址更改时,它无法正常工作

Naveenam K

我是有关Ionic Apps的新手,正在http:// localhost:8100上运行我的离子服务器我的应用程序需要用户当前位置。我添加了这个

<script src="http://maps.google.com/maps/api/js?key=AIzaSyB16sGmIekuGIvYOfNoW9T44377IU2d2Es"></script>

在index.html中

我的app.js有

  var options = {
              enableHighAccuracy: true
          };

  navigator.geolocation.getCurrentPosition(function(pos) {
              $scope.position = new google.maps.LatLng(pos.coords.latitude, pos.coords.longitude);
              console.log(JSON.stringify($scope.position));
          },
          function(error) {
              alert('Unable to get location: ' + error.message);
          }, options);

并在config.xml中添加了以下内容

<allow-navigation href="*://*.googleapis.com/*"/>

我在$ scope.position中获得了当前位置。但是问题出在尝试在移动设备上运行我的应用程序时。因此,我已将ubuntu连接到IP-192.168.43.86的移动热点。我尝试使用以下命令http://192.168.43.86:8100上运行我的离子服务

ionic serve --address 192.168.43.86

现在,上面的getCurrentPosition函数返回错误,指出仅允许使用受保护的来源所以,我不确定那里发生了什么。localhost和192.168.43.86都是http服务器。但是在本地主机上运行服务器没有问题。但是更改地址将返回错误。我想念什么吗?有人可以帮忙吗?

伊桑·梅(Ethan May)

首先,请确保已在Google Developer Console中将用于访问maps API的IP地址列入了白名单。当您在本机设备(尤其是iOS)上运行时,还需要包含cordova-plugin-whitelist,以便将不安全的来源明确列入白名单。这是我用于开发的meta标记的示例,它位于<head>index.html标记中:

<meta http-equiv="Content-Security-Policy" content="default-src 'unsafe-inline' 'unsafe-eval' 'self' data: gap: *;">

您可以在此处了解有关cordova白名单插件的更多信息

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

地理位置API无法正常工作

来自分类Dev

Google Play服务位置和地理围栏API在Genymotion上无法正常工作

来自分类Dev

离子服务和Node.js简单的Web服务器无法绕过Chrome地理位置阻止

来自分类Dev

我的googlemap地理位置无法正常工作

来自分类Dev

以编程方式访问地理位置服务

来自分类Dev

Google Compute Engine服务器的地理位置?

来自分类Dev

Google Compute Engine服务器的地理位置?

来自分类Dev

Kohana在服务器上找不到模板,但是在localhost上可以正常工作

来自分类Dev

离子:背景地理位置

来自分类Dev

谷歌地图方向服务地理位置和地址输入jQuery Mobile

来自分类Dev

如果GPS暂时无法使用,Cordova地理位置插件将无法正常工作

来自分类Dev

使用Google Maps显示访问者的地理位置和地址弹出窗口

来自分类Dev

作为服务运行时,Teamcity无法启动,但是实际命令可以正常工作

来自分类Dev

无法访问具有IP地址的本地服务器,而localhost和127.0.0.1可以

来自分类Dev

无法访问具有IP地址的本地服务器,而localhost和127.0.0.1可以

来自分类Dev

地理位置,服务和本地通知

来自分类Dev

服务无法正常工作?

来自分类Dev

服务无法正常工作?

来自分类Dev

Google Maps API v3地理位置无法在Google Chrome中运行

来自分类Dev

无法访问函数内部的地理位置

来自分类Dev

HTML5地理位置与Google Maps地理位置api

来自分类Dev

使用Ionic 3中的背景地理位置无法将位置数据更新到服务器中

来自分类Dev

我有一台可以通过公共地址使用ssh的服务器,但是我无法访问它所托管的apache2 Web服务器

来自分类Dev

无法通过HTTPS连接到Apache Web服务器(HTTP可以正常工作)

来自分类Dev

访问服务中的Google Play服务位置API

来自分类Dev

地理位置-使用Ionic Framework,AngularJS和Google API

来自分类Dev

动态图片+地理位置(Google Maps API?)

来自分类Dev

Google Maps API中心标记+地理位置

来自分类Dev

从IP地址获取地理位置

Related 相关文章

  1. 1

    地理位置API无法正常工作

  2. 2

    Google Play服务位置和地理围栏API在Genymotion上无法正常工作

  3. 3

    离子服务和Node.js简单的Web服务器无法绕过Chrome地理位置阻止

  4. 4

    我的googlemap地理位置无法正常工作

  5. 5

    以编程方式访问地理位置服务

  6. 6

    Google Compute Engine服务器的地理位置?

  7. 7

    Google Compute Engine服务器的地理位置?

  8. 8

    Kohana在服务器上找不到模板,但是在localhost上可以正常工作

  9. 9

    离子:背景地理位置

  10. 10

    谷歌地图方向服务地理位置和地址输入jQuery Mobile

  11. 11

    如果GPS暂时无法使用,Cordova地理位置插件将无法正常工作

  12. 12

    使用Google Maps显示访问者的地理位置和地址弹出窗口

  13. 13

    作为服务运行时,Teamcity无法启动,但是实际命令可以正常工作

  14. 14

    无法访问具有IP地址的本地服务器,而localhost和127.0.0.1可以

  15. 15

    无法访问具有IP地址的本地服务器,而localhost和127.0.0.1可以

  16. 16

    地理位置,服务和本地通知

  17. 17

    服务无法正常工作?

  18. 18

    服务无法正常工作?

  19. 19

    Google Maps API v3地理位置无法在Google Chrome中运行

  20. 20

    无法访问函数内部的地理位置

  21. 21

    HTML5地理位置与Google Maps地理位置api

  22. 22

    使用Ionic 3中的背景地理位置无法将位置数据更新到服务器中

  23. 23

    我有一台可以通过公共地址使用ssh的服务器,但是我无法访问它所托管的apache2 Web服务器

  24. 24

    无法通过HTTPS连接到Apache Web服务器(HTTP可以正常工作)

  25. 25

    访问服务中的Google Play服务位置API

  26. 26

    地理位置-使用Ionic Framework,AngularJS和Google API

  27. 27

    动态图片+地理位置(Google Maps API?)

  28. 28

    Google Maps API中心标记+地理位置

  29. 29

    从IP地址获取地理位置

热门标签

归档