ionic谷歌地图javascript安卓设备无法获取当前位置
ionic google map javascript android device unable to get current location
var exampleApp= angular.module('starter', ['ionic'])
.run(function($ionicPlatform) {
$ionicPlatform.ready(function() {
// Hide the accessory bar by default (remove this to show the accessory bar above the keyboard
// for form inputs)
if(window.cordova && window.cordova.plugins.Keyboard) {
cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
}
if(window.StatusBar) {
StatusBar.styleDefault();
}
});
})
exampleApp.controller('MapController', function($scope, $ionicLoading) {
var myLatlng = new google.maps.LatLng(37.3000, -120.4833);
var mapOptions = {
center: myLatlng,
zoom: 16,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map"), mapOptions);
var marker = new google.maps.Marker({
position: myLatlng,
map: map,
draggable: true,
animation: google.maps.Animation.DROP
});
navigator.geolocation.getCurrentPosition(function(pos) {
map.setCenter(new google.maps.LatLng(pos.coords.latitude, pos.coords.longitude));
var myLocation = new google.maps.Marker({
position: new google.maps.LatLng(pos.coords.latitude, pos.coords.longitude),
map: map,
title: "My Location"
});
});
$scope.map = map;
});
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
<title></title>
<link href="lib/ionic/css/ionic.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<!-- IF using Sass (run gulp sass first), then uncomment below and remove the CSS includes above
<link href="css/ionic.app.css" rel="stylesheet">
-->
<!-- ionic/angularjs js -->
<script src="lib/ionic/js/ionic.bundle.js"></script>
<!-- cordova script (this will be a 404 during development) -->
<script src="cordova.js"></script>
<!-- your app's js -->
<script src="js/app.js"></script>
</head>
<body ng-app="starter">
<ion-pane>
<ion-header-bar class="bar-stable">
<h1 class="title">Ionic Blank Starter</h1>
</ion-header-bar>
<ion-content ng-controller="MapController">
<div id="map" data-tap-disabled="true"></div>
</ion-content>
</ion-pane>
<script src="http://maps.googleapis.com/maps/api/js?key=AIzaSyB1oJGDZP2lM3c1dnPBmAbPBOb_Rh4u8n0&sensor=true"></script>
</body>
</html>
这部分是代码的javascript和html部分
我不知道为什么谷歌地图无法在安卓设备中获得用户的当前位置,但它在ios模拟器上工作,如果你们中的任何人都能帮助我解决,我将不胜感激
在ionic中直接使用navigator
是个坏主意,我建议使用ngCordova
及其强大的插件来实现跨平台功能:
http://ngcordova.com/docs/plugins/geolocation/
除此之外,我还想检查一下你是否为你的应用程序启用了地理定位。
你应该看到这样的东西:
<uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
在您的AndroidManifest.xml
文件
相关文章:
- 如何获取位置-php
- 如何在ModestMaps / Wax中获取位置点击事件
- 如何在重定向 URL 的标头中拦截和获取位置
- 从javascript中的JSON获取位置
- 获取位置A的位置并计算其到位置B的距离
- 内容可编辑获取位置,包括HTML
- 网格堆栈.js从 JSON 获取位置
- 你如何从引荐来源网址获取位置.hashtag - 谷歌分析
- 无法使用 JavaScript 获取位置信息
- 无法从必应地图获取位置详细信息
- Javascript/Jquery在循环中获取位置的速度很慢
- 从新创建的窗口中获取位置主机名
- 尝试使用谷歌API v3从地址获取位置
- Javascript或PHP获取位置并将其发送给我
- JavaScript 或 JQuery:获取位置上最内层的元素
- 使用Google API获取位置的纬度和经度,并传递变量
- 我可以't从bufferGeometry中获取位置属性
- 可以't获取位置&点击iPad获取容器信息
- 告知用户是否已授予网站在浏览器中获取位置的永久权限
- 如何从谷歌位置api获取位置的照片