2016-04-04 35 views
-1

我正在開發基於谷歌地圖的網絡應用程序。我正在使用角js。我必須在谷歌地圖上開發多個標記,但我必須僅顯示這些標記,它們將在10KM範圍內,但不在半徑內,它應該來自角落。
我使用map.getBounds()獲取所有角落的經緯度 我是角度js的新手,所以請幫助我。如何創建帶有多個標記的谷歌地圖,從當前位置到矩形格式的10公里範圍

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

我希望我的回答可以幫助你。 :)
謝謝。 :)

相關問題