コードネオジオロケーションを使用してイオン性の天然ジオロケーションの2つのマーカー

Question

2つのマーカーと方向を示す青い線でソースとデスティネーションを表示する必要があるシナリオがあります。私はcordavaプラグインのジオロケーションを使用して、私はまた、緯度と長い先を持っている

 $cordovaGeolocation.getCurrentPosition(options).then(function(position){ 

    var latLng = new google.maps.LatLng(position.coords.latitude, position.coords.longitude); 

    var mapOptions = { 
     center: latLng, 
     zoom: 15, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    }; 

    $scope.map = new google.maps.Map(document.getElementById("map"), mapOptions); 
    google.maps.event.addListenerOnce($scope.map, 'idle', function(){ 

    var marker = new google.maps.Marker({ 
     map: $scope.map, 
     animation: google.maps.Animation.DROP, 
     position: latLng 
    }); 

以下のように現在位置を取得しようとしているが、私は2つのマーカーを表示するためのコードでそれらを配置する方法を理解DNT、どこ結ぶ青表示するようにしています

var marker = new google.maps.Marker({ 
    map: $scope.map, 
    animation: google.maps.Animation.DROP, 
    position: latLng 
}); 

としてライン

は、任意の助けをいただければ幸いのみ対象

をとります。私はあなたがそれを無視することができますので、私はカスタムアイコンを使用していた

addMarker(position, icon, content) { 
    let marker = new google.maps.Marker({ 
     map: this.map, 
     animation: google.maps.Animation.DROP, 
     icon: icon, 
     position: new google.maps.LatLng(position[0], position[1]) 
    }); 
    } 

そして

array.projectsLocation.forEach(element => { 
     this.addMarker([element.latitude, element.longitude], element.map_pin_url, element.description); 
}); 

をdid-何

Answer 1

。

チェックdocumentation。