【问题标题】:Why are markers not displayed?为什么不显示标记?
【发布时间】:2016-12-15 18:10:22
【问题描述】:

我试图在地图显示后显示标记。我无法这样做..不管有什么错误。我保证快照包含数据,并且标记数组创建得很好。有什么逻辑错误吗??请帮忙。

var apps = angular.module('appa',['firebase','uiGmapgoogle-maps']);
apps.controller('mainCtrl', function($firebaseObject,$scope){

                var ref =  firebase.database().ref();
                var marker = [];
                ref.once("value")
                .then(function(snapshot)
                {
                snapshot.forEach(function(child)
                {
                  var mark = {
                  id: child.child("Id").val(),
                  coords: {
                  latitude: child.child("Lat").val(),
                  longitude: child.child("Long").val()
                  },
                  options: { title: child.child("Alt").val() }
                  };
    marker.push(mark);
                });
});

              $scope.map = {
                center:
                {
                  latitude: 67,
                  longitude: 24
                         },
                 zoom: 3
                      };
   });
<body ng-app="apps">
    <div id="map_canvas" ng-controller="mainCtrl">
    <ui-gmap-google-map center="map.center" zoom="map.zoom">

      <ui-gmap-marker ng-repeat="m in marker" coords="m.coords" options="m.options" idkey="m.id">
           </ui-gmap-marker>
                    </ui-gmap-google-map>
</div>
<!--example-->
</body>

【问题讨论】:

    标签: javascript angularjs google-maps google-maps-api-3


    【解决方案1】:

    哦!我自己回答。这是一个简单的错误。我没有在 $scope 中定义标记数组。因此视图没有得到什么 var 标记。我改正了

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2019-06-22
      • 1970-01-01
      • 2017-11-24
      • 2013-07-04
      • 2023-03-21
      • 1970-01-01
      相关资源
      最近更新 更多