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

时间:2016-04-04 09:39:15

标签: javascript angularjs google-maps ng-map

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

1 个答案:

答案 0 :(得分:0)

你可以使用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);
    }
});

我希望我的回答能帮到你。 :)。
谢谢。 :)