Связывание широты и долготы между картой Google Maps и Street View в Polymer - PullRequest
Новая
       6

Связывание широты и долготы между картой Google Maps и Street View в Polymer

0 голосов
/ 12 сентября 2018

У меня есть начальное приложение с двумя пользовательскими элементами, одно с пользовательским элементом карты Google Maps, а другое с видом на улицу: 

**seed-app.html**
<ims-map map-options='{"zoom":"18", "lat":"42.59615", "lng":"-76.151958"}'> //implements a Google Maps map
</ims-map>
<div id="sideBar">
    <street-view-card id="streetViewCard"></street-view-card>
</div>

Второй элемент имеет вид улицы: 

**street-view-card.js**
_addStreetView() {
this.panorama = new google.maps.StreetViewPanorama(this.container, {
      position: {lat: 45.59715, lng: -78.151858},
      pov: {heading: 180, pitch: 0}
    });
}

Пользователь может щелкнуть пользовательские элементы на первой карте.Нажатие приведет к сохранению координат в переменной features.Нажатие включит функцию _handleFeatureSelected.Я хочу передать координаты в этой функции на карту просмотра улиц.Я пытаюсь: 

**seed-app.js**
_handleFeatureSelected(event) {
    const {feature} = event.detail;
    this.streetViewCard = document.getElementById("streetViewCard"); //this works, I get the element as expected
    this.streetViewCard.panorama.setPosition(feature.geometry.coordinates) //here feature.geometry.coordinates contains [42.345573, -71.098326] for example. This doesn't work anymore.
}

Я нашел это , однако это не с Полимером, и я НЕ хочу использовать статуэтку с видом на улицу, просто чтобы получитькоординаты из переменной features.

...