So I connect the Yandex card
<script type="text/javascript"> var myMap; ymaps.ready(function () { myMap = new ymaps.Map("YMapsID", { center: [55.76, 37.64], zoom: 10 }); var myCollection = new ymaps.GeoObjectCollection(); myCollection.add(new ymaps.Placemark([37.61, 55.75])); myCollection.add(new ymaps.Placemark([13.38, 52.51])); myCollection.add(new ymaps.Placemark([30.30, 50.27])); myCollection.events .add("mouseenter", function () { myCollection.options.set("preset", "twirl#redIcon"); }) .add("mouseleave", function () { myCollection.options.unset("preset"); }); myMap.geoObjects.add(myCollection); myMap.setBounds(myCollection.getBounds()); }); </script> <div id="YMapsID" style="width: 450px; height: 350px;"></div> Here is the layout from Photoshop
How to make such an effect with a hover with text in such a white block.
