There is a marker on the Yandex map, you need to configure it so that when you click on it a description appears, as I understand it is called a balun. But I am an absolute layman in Yandex maps, so I ask for help :)

123

<script src="http://api-maps.yandex.ru/2.1/?lang=ru_RU" type="text/javascript"></script> <script> ymaps.ready(init); function init(){ var myMap; myMap = new ymaps.Map("map", { center: [51.52, 46.03], zoom: 7, controls: [] }); myMap.behaviors.disable('scrollZoom'); myMap.controls.add("zoomControl", { position: {top: 15, left: 15} }); var myPlacemark = new ymaps.Placemark([51.529731, 46.034944] , {}, { iconLayout: 'default#image', iconImageHref: 'img/yandex-marker.png', iconImageSize: [45, 52], iconImageOffset: [-20, -47] }); myMap.geoObjects.add(myPlacemark); } </script>

    1 answer 1

    Use Yandex Map Designer .

    enter image description here

    Result:

    enter image description here

    The css code to hide the "extra" information from the map:

     /* Yandex Map */ ymaps.ymaps-2-1-45-button__text { display: none; } ymaps.ymaps-2-1-45-scaleline { display: none; } ymaps.ymaps-2-1-45-map-copyrights-promo { display: none; } ymaps.ymaps-2-1-45-copyright.ymaps-2-1-45-copyright_logo_no { display: none; }
    • A map through a constructor will not work, I need a map through Api (I need to leave only scaling on the map), but through a normal constructor, as I understood it, it is impossible to implement. - YourDeveloper
    • I understand that not exactly what is needed, but here polati.zephyrlab.ru at the very bottom, did through the designer and removed the excess with the help of css. - KAGG Design
    • I did not even think about css, but how to remove unnecessary, through display: none? - YourDeveloper
    • Yes, now I pull the code from this site and add the code in response - KAGG Design
    • Added css code - KAGG Design