Как отобразить маршрут с родными гугл картами на Ionic 3 - PullRequest
0 голосов
/ 03 декабря 2018

Я строю проект в Ionic 3, я использую плагин родных карт для Ionic, я могу показать карту и добавить маркер в выбранный адрес, но мне не удалось показать рекомендуемый маршрутна карте.

HTML:

 <div id="map"></div>

TS:

loadMap(){
var lat = this.placeInfo.latitudeFrom;
var lng = this.placeInfo.longitudeFrom;

let mapOptions: GoogleMapOptions = {
  camera: {
    target: {
      lat: lat,
      lng: lng,
      gestureHandling: 'none',
      zoomControl: true
    },
    zoom: 18,
    tilt: 30,
  }
};

this.map = GoogleMaps.create('map', mapOptions);

this.map.one(GoogleMapsEvent.MAP_READY)
.then(() => {
  let marker: Marker = this.map.addMarkerSync({
    title: 'Ionic',
    icon: 'blue',
    animation: 'DROP',
    position: {
      lat: lat,
      lng:lng
    }
  });
})
.catch(error =>{
  console.log('error: ', error);
});

}

Я пытаюсь это, но не работает

  displayRoutev2() {

this.directionsService.route({
  origin: this.placeInfo.startPoint,
  destination: this.placeInfo.endPoint,
  travelMode: 'DRIVING'
}, (response, status) => {
  if (status === 'OK') {
    this.directionsDisplay.setDirections(response);
    this.directionsDisplay.setMap(this.map);
  } else {
    window.alert('No se encontraron rutas disponibles.' + status);
  }
});
var service = new google.maps.DistanceMatrixService();

}

Могу ли я использовать переменную "service" для вызова любой функции?Или мне нужно попробовать другой способ?

Я могу показать маршрут другим способом, который не является лучшим способом, мне нужно использовать этот собственный способ, кто-то знает, что я могу сделать?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...