javascript - 現在地から10kmの範囲を長方形で複数のマーカーでGoogleマップを作成する方法

Question

Googleマップに基づくWebアプリを開発しています。私はそれのためにAngular jsを使用しています。Googleマップで複数のマーカーを作成する必要がありますが、これらのマーカーのみを表示する必要があります。これらのマーカーは10 KMの範囲にありますが、コーナーからの半径ではありません.
すべてのコーナーの緯度と経度を取得するために map.getBounds() を使用しています。Angular js が初めてなので、助けてください。

Answer 1

コードが正しいかどうかはわかりませんが、基本的な考え方は次のとおりです。

// 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);
    }
});

私の答えがお役に立てば幸いです。:)
ありがとう。: )