Как отобразить несколько яндекс карт на одной странице?

Сам скрипт:

<script src="https://api-maps.yandex.ru/2.0-stable/?apikey=ff168176-1ec4-4656-825d-e53cf763c018&load=package.full&lang=ru-RU"

type="text/javascript"></script>

<script type='text/javascript'>

ymaps.ready(init);

function init(){

var geocoder = new ymaps.geocode(

'Абакан улица Песочная дом 46',

{results: 1}

);

geocoder.then(

function (res)

{

var coord = res.geoObjects.get(0).geometry.getCoordinates();

var map2 = new ymaps.Map('map', {

center: coord,

zoom: 7,

behaviors: ['default', 'scrollZoom'],

});

map.geoObjects.add(res.geoObjects.get(0));

map.zoomRange.get(coord).then(function(range){

map.setCenter(coord, range[1] - 1)

});

}

);

}

</script>

В body прописано:

<div id="map" class="shadow"></div>.

Как изменить скрипт, чтобы на странице В ОПРЕДЕЛЕННЫХ МЕСТАХ можно было бы разместить несколько карт:

<div id="map" class="shadow"></div>

ТЕКСТ

<div id="map2" class="shadow"></div>

РЕКЛАМА

<div id="map3" class="shadow"></div>

ТЕКСТ

<div id="map4" class="shadow"></div>