sql >> データベース >  >> NoSQL >> MongoDB

Angular Google Maps / NodeJS:データベースからのマーカーの表示

    ここに例があります マップ上にマーカーを表示する方法の概要。いくつかの指針:

    • 複数のマーカーを表示する場合は、ui-gmap-markersを使用してください ng-repeatの代わりにディレクティブ 単一のマーカーディレクティブを使用します。
    • 同様に、複数形のui-gmap-windowsを使用します ウィンドウを表示します。
    • markersディレクティブは指定されたオブジェクトキーから座標を読み取ります:<ui-gmap-markers coords="'coords'" ... > coordsから座標を読み取ります マーカーの属性。 eventsなどの他の属性についても同じことが言えます 、options など
    • LocFac.getLocations()だと思います 約束を返します-したがって、Markers 変数が正しく割り当てられていない可能性があります。 $scope.markersを割り当てる方がよいでしょう .then内 次のようなAPI呼び出しのコールバック:

      $scope.markers = []; // init markers to empty array so angular-google-maps has something to draw markers from
      LocFac.getLocations().then(function(data) {
          var markers = data.data;
          angular.forEach(markers, function(marker) {
              // Assign 'coords' attribute here for the directive to read
              marker.coords = {
                  latitude: marker.latitude,
                  longitude: marker.longitude
              }
          })
          $scope.markers = markers;
      }
      

    この後もサポートが必要な場合は、喜んで提供させていただきます:)




    1. 配列mongodbの複数の要素を更新します

    2. RedisPub-SubまたはSocket.IOのブロードキャスト

    3. UbuntuにMongoDBを使用してNodeJSをインストールする方法

    4. java.lang.IncompatibleClassChangeError:クラスMongoの実装