2016-04-04 11 views
-1

Googleマップに基づいたWebアプリケーションを開発しています。私はそれのための角度jsを使用しています。私はGoogleマップ上で複数のマーカーを開発する必要がありますが、私は10 KMの範囲になりますが、コーナーから半径ではないこれらのマーカーのみを表示する必要があります。
私はすべてのコーナーの緯度と経度を取得するためにmap.getBounds()を使用しています 私は角度jsで新しいですので、私を助けてください。現在地から矩形の範囲10kmまでの複数のマーカーでGoogleマップを作成する方法

+0

ng-mapにこれに関する指示がない場合は、google map APIを使用してディレクティブを作成できます。どう思いますか? – Pterrat

答えて

0

あなたはコードが正しいですが、基本アイデアが次であるかどうかわからない、NG・リピートを使用することができます。

// html 
<div ng-controller="mapCtrl as vm"> 
<ng-map zoom="15" center="vm.center"> 
    <marker ng-repeat="position in vm.positions" 
      position="{{position.pos}}" 
      title="pos: {{position.pos}}"> 
    </marker> 
</ng-map> 


// js 
angular.module('app').controller('mapCtrl', function() { 
    var vm = this; 

    var markersCount = 10; 
    var distanceBetweenMarkers = 0.01; 

    vm.center = [40, -70]; 
    vm.positions = []; 

    for(var i = 0; i < markersCount; i += 1) { 
     var leftMarker = [vm.center[0] - distanceBetweenMarkers, vm.center[1]]; 
     var rightMarker = [vm.center[0] + distanceBetweenMarkers, vm.center[1]]; 

     vm.positions.push(leftMarker); 
     vm.positions.push(rightMarker); 
    } 
}); 

私は私の答えはあなたを助けることを願っています。 :)
ありがとうございます。 :)

関連する問題