使用科爾多瓦地理定位的離子天然地理位置中的兩個標記

Question

我有一個場景，我需要用兩個標記和一個藍色線條顯示來源和目的地，以指示方向。我使用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 
    }); 

我也有目的地lat和長，但我硝基甲苯知道如何將它們放置在代碼中顯示兩個標記及在哪裏顯示藍色用連接線

作爲

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

只需要一個目的

任何幫助，將不勝感激。

Answer 1

我did-

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

我用的是自定義圖標，所以你可以忽略。

檢查documentation。