yandex-maps

yandex-map.html

<script src="//api-maps.yandex.ru/2.1/?lang=ru_RU" type="text/javascript"></script>
<script type="text/javascript">
ymaps.ready( function () {
  var myMap = new ymaps.Map( 'map', {
      center: [ 55.582335, 37.669342 ],
      zoom: 16,
      controls: [ "zoomControl" ]
    }, {
      searchControlProvider: 'yandex#search'
    } ),
    myPlacemark = new ymaps.Placemark( myMap.getCenter(), {
      hintContent: 'хинт балуна',
      balloonContent: 'контент балуна'
    }, {
      iconLayout: 'default#image',
      iconImageHref: '/images/marker.png',
      iconImageSize: [ 81, 72 ],
      iconImageOffset: [ -20, -75 ]
    } );
  myMap.behaviors.disable( 'scrollZoom' );
  myMap.geoObjects.add( myPlacemark );
} );
</script>
<style>
  html,
  body,
  #map {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
  }
</style>
<div id="map"></div>