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

How to create google map with multiple marker from current location to 10 km range in rectangle form

本文关键字：位置 范围 谷歌地图 创建 何创建      更新时间：2023-12-17

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

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

我希望我的回答能对你有所帮助
谢谢。：）

相关文章：