Почему добавляется две яндекс-карты?

<div id="map" class="ya-map" style="overflow: hidden;height: 485px; width:100%;"></div>

        <script src="https://api-maps.yandex.ru/2.1/?load=package.full&lang=ru-RU" type="text/javascript"></script>
        <script type="text/javascript">
            function init() { 

                var multiRoute = new ymaps.multiRouter.MultiRoute({
                    referencePoints: [
                            [59.9332,30.3690], 
                            [59.9315,30.3608]
                        ],
                    params: { routingMode: 'masstransit' } 
                });

                // Создаем кнопку.
                var changeLayoutButton = new ymaps.control.Button({
                    data: { content: "Показывать время для пеших сегментов"},
                    options: { selectOnClick: true } 
                });

                // Объявляем обработчики для кнопки.
                changeLayoutButton.events.add('select', function () {
                    multiRoute.options.set(
                    // routeMarkerIconContentLayout - чтобы показывать время для всех сегментов.
                    "routeWalkMarkerIconContentLayout",
                    ymaps.templateLayoutFactory.createClass('{{ properties.duration.text }}')); 

                });
                
                changeLayoutButton.events.add('deselect', function () {
                    multiRoute.options.unset("routeWalkMarkerIconContentLayout"); 
                });

                      // Создаем карту с добавленной на нее кнопкой.
                var myMap = new ymaps.Map('map', {
                    center: [59.9337,30.3684],
                    zoom: 16,
                    controls: [changeLayoutButton] }, {
                    buttonMaxWidth: 300 });

                myPlacemark = new ymaps.Placemark(myMap.getCenter(), {
                    hintContent: 'ARTOX media ул.Ленинская Слобода 26, стр. 5' }, {
                        // Опции. Необходимо указать данный тип макета.
                    iconLayout: 'default#image',
                        // Своё изображение иконки метки.
                    iconImageHref: 'img/location-gvate.png',
                        // Размеры метки.
                    iconImageSize: [46, 64],
                        // Смещение левого верхнего угла иконки относительно её "ножки" (точки привязки).
                    iconImageOffset: [-23, -32] 
                });

                // Добавляем мультимаршрут на карту.
                myMap.geoObjects.add(multiRoute);
                myMap.geoObjects.add(myPlacemark);  
            };

            ymaps.ready(init);
        </script>