Изменение масштаба Яндекс.Карты
HTML
<script src="//api-maps.yandex.ru/2.1/?lang=ru_RU"></script>
<button>click me</button>
<div id="map"></div>
CSS
html, body, #map {
width: 100%; height: 100%; padding: 0; margin: 0;
}
.centerMarker{
position:absolute;
/*url of the marker*/
background:url(http://maps.gstatic.com/mapfiles/markers2/marker.png) no-repeat;
/*center the marker*/
top:50%;left:50%;
z-index:1000;
/*fix offset when needed*/
margin-left:-10px;
margin-top:-34px;
/*size of the image*/
height:34px;
width:20px;
cursor:pointer;
}
JavaScript
var map = null;
function initMap() {
map = new ymaps.Map('map', {
center: [55.74, 37.58],
zoom: 11,
controls: []
});
var marker = document.createElement('div');
marker.classList.add('centerMarker');
map.panes._innerElement.appendChild(marker);
}
document.querySelector('button').onclick = function() {
map.geoObjects.add(new ymaps.Placemark(map.getCenter()));
};
ymaps.ready(initMap);