Yandex map

by ostapische

HTML

<script src="https://api-maps.yandex.ru/2.1/?lang=ru_RU"></script>
<div id="map"></div>

CSS

html,
 body,
 #map {
   width: 100%;
   height: 100%;
   padding: 0;
   margin: 0;
 }

JavaScript

ymaps.ready(function () {
	var myMap = new ymaps.Map( "map", {
  	center: [ 55.73, 37.75 ],
    zoom: 1,
    behaviors: [ "default", "scrollZoom" ]
  }, {
  	searchControlProvider: "yandex#search"/*,
    restrictMapArea: [
      [ -85.1, -179.9 ],
      [ 85.1, 179.9 ]
    ]
    */
  } );
  var myGeoObject = new ymaps.GeoObject(
  	{
      geometry: {
        type: "Rectangle",
        coordinates: [ [ -85.1, -179.9 ], [ 85.1, 179.9 ] ]
      }, properties: {
        hintContent: "Перетащи меня!",
        balloonContent: "Прямоугольник 2"
      }
		}, {
    	draggable: true,
    	fillColor: "#ffff0022",
    	strokeColor: "#3caa3c88",
    	strokeWidth: 7
		}
  );
  myMap.geoObjects.add( myGeoObject );
} );