2016-04-04 22 views
-1

mevcut konumdan 10 km aralık için birden çok işaretleyici ile google harita oluşturma Google harita dayalı bir web uygulaması geliştiriyorum. Bunun için açısal j kullanıyorum. Google harita üzerinde birden fazla işaretçi geliştirmek zorundayım, ancak sadece 10 KM aralığında olacak ancak yarıçaplarda değil, köşelerden olması gereken bu işaretçileri göstermeliyim.
Tüm köşenin enlem ve boylamını almak için map.getBounds() kullanıyorum Açısal js konusunda yeniim, lütfen bana yardım edin.Dikdörtgen form

+0

. Ne düşünüyorsun? – Pterrat

cevap

0

Kodun doğru olup olmadığını emin değilim ng tekrar özelliğini kullanabilirsiniz, ancak baz fikri yanındadır:

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

// 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> 


ben cevabım size yardımcı olacağını umuyoruz. :
Teşekkürler. Ng-map bunun için yönlendirme yapmıyorsa, Google harita API'sı ile bir direktif oluşturabilirsiniz: