javascript - 如何以矩形形式创建从当前位置到 10 公里范围内的多个标记的谷歌地图

Question

我正在开发一个基于谷歌地图的网络应用程序。我正在使用角度js。我必须在谷歌地图上开发多个标记，但我必须只显示这些标记，这些标记将在 10 公里范围内，而不是半径范围内，它应该来自角落。
我使用 map.getBounds() 来获取所有角落的纬度和经度我是角度 js 的新手，所以请帮助我。

Answer 1

可以使用 ng-repeat，不确定代码是否正确，但基本思路如下：

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

希望我的回答对你有所帮助。: )
谢谢。:)