小编nit*_*tin的帖子

位于Ionic项目中的android

在一个简单的离子应用程序中,我必须在地图上获取当前位置.当我点击找到我时,它在浏览器中工作正常,但它不适用于实际的Android设备.

我正在使用以下代码

View.html

            <ion-view view-title="{{navTitle}}">
             <ion-content>
                    <div id="map" data-tap-disabled="true"></div>
            </ion-content>
             <ion-footer-bar class="bar-stable">
                <a ng-click="centerOnMe()" class="button button-icon icon ion-navigate">Find Me</a>
             </ion-footer-bar>
            </ion-view>
Run Code Online (Sandbox Code Playgroud)

controllers.js

        .controller('googlemap', function($scope, $ionicLoading, $compile) {
               $scope.navTitle = 'Google Map';
              $scope.$on('$ionicView.afterEnter', function(){
            if ( angular.isDefined( $scope.map ) ) {
                google.maps.event.trigger($scope.map, 'resize');
            }
          });

          function initialize() {
                //var myLatlng = new google.maps.LatLng(43.07493,-89.381388);
                var myLatlng = new google.maps.LatLng(18.520430300000000000,73.856743699999920000);
                var mapOptions = {
                  center: myLatlng,
                  zoom: 16,
                  mapTypeId: google.maps.MapTypeId.ROADMAP
                };
                var map = new google.maps.Map(document.getElementById("map"),
                    mapOptions);

                //Marker + infowindow + angularjs compiled …
Run Code Online (Sandbox Code Playgroud)

android google-maps angularjs angularjs-directive ionic-framework

5
推荐指数
1
解决办法
2万
查看次数

Angularjs:滚动到div的底部

我无法滚动到上一条消息.

var app=angular.module('myApp', ['ngMaterial'] );
app.controller('ChatCtrl', function($window, $anchorScroll){
  var self = this;
  self.messageWindowHeight = parseInt($window.innerHeight - 170) + 'px';
  self.messages = [];
  for(var i = 1 ; i<=200;i ++){
    self.messages.push(i);
  }
  
  self.user = { text : ""};
  self.send = function(){
    self.messages.push(angular.copy(self.user.text));
    self.user.text = "";
  }
});

app.directive('scrollToBottom', function($timeout, $window) {
    return {
        scope: {
            scrollToBottom: "="
        },
        restrict: 'A',
        link: function(scope, element, attr) {
            scope.$watchCollection('scrollToBottom', function(newVal) {
                if (newVal) {
                    $timeout(function() {
                        element[0].scrollTop =  element[0].scrollHeight;
                    }, 0);
                }

            });
        } …
Run Code Online (Sandbox Code Playgroud)

javascript css scroll angularjs angular-material

4
推荐指数
1
解决办法
1万
查看次数