MapFont -Yandex Map integration

by kalinin sergey

HTML

<!--style-->
<link href="//mapfont.org/css/mapfont.css" rel="stylesheet">

<h2>Yandex Map integration</h2>
<div>
	<div id="map"></div>
</div>

<!--Yandex Maps API-->
<script type="text/javascript" src="https://api-maps.yandex.ru/2.1/?lang=ru_RU"> </script>

CSS

#map {
	height: 400px;
  width: 100%;
}

JavaScript

let map;
  let latitude = 55.8005930;
  let longitude = 49.2119510;
  let zoom = 16;
  let controls = ['fullscreenControl', 'rulerControl'];
  
    
ymaps.ready().then(() => {
  map = new ymaps.Map('map', {
    center: [latitude, longitude],
    zoom: zoom,
    controls: controls
  });

  setMarker([latitude, longitude]);
});
    
function setMarker(coords) {
  const marker = new ymaps.Placemark(coords, {}, {
    preset: 'islands#blueHomeIcon',
    iconImageSize: [268, 268]
  });

  map.geoObjects.add(marker);
}