<yandex-map
ref="map"
...
<button
@click="$refs.map.myMap.balloon.open(координаты, содержимое)"
...
.gray {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
}
map.panes.get('ground').getElement().classList.add('gray');
const index = myCollection.indexOf(e.get('target'));
alert(myCoords[index].text);
placemark.events.add('click', () => {
// здесь дёргаете scrollTo или scrollIntoView
});
map.events.add('boundschange', function(e) {
placemark.geometry.setCoordinates(e.get('newCenter'));
});
iconLayout: 'default#image'
.Если вам не сложно, можно для чайников и более наглядно ?
бибилиотека react-yandex-maps не имеет такой функциональности
document.querySelector('.items').addEventListener('click', function(e) {
const t = e.target;
if (t.classList.contains('item')) {
map.setCenter([ t.dataset.lat, t.dataset.lng ]);
}
});
нужного функционала нет <...> Сталкивался может кто с подобным и нарыл хорошую обертку для API?
сделатьКрасиво
, и вам самому не надо работать ни головой, ни руками? Нет, такого нет и не будет.if (coord.every((n, i) => n === coordinates[i])) {
placemark.balloon.open();
}
const placemarks = elem.find('.map-balloonContent').get().map(n => createPlacemark({
coord: $(n).data('coord'),
content: $(n).html(),
}));
placemarks.forEach(n => myMap.geoObjects.add(n));
placemarks[0].balloon.open();
elem.on('clickAddress', function(e, coord) {
placemarks.find(n => n.geometry.getCoordinates().every((m, i) => m === coord[i])).balloon.open();
});