Как правильно скопировать google карту в модальное окно и добавить в неё указатели?

Для того, чтобы скопировать Google карту в модальное окно и добавить в нее указатели, можно воспользоваться библиотекой Bootstrap и Google Maps API.

  1. Добавление Google Maps API:

Сначала необходимо подключить Google Maps JavaScript API к вашему проекту. Для этого вам нужно вставить следующий код в тег <head> вашего HTML-документа:

   <script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY"></script>
  1. Создание модального окна:

Используйте компоненты модальных окон Bootstrap для создания модального окна. Пример:

   <div class="modal fade" id="mapModal" tabindex="-1" role="dialog" aria-labelledby="mapModalLabel" aria-hidden="true">
     <div class="modal-dialog modal-lg" role="document">
       <div class="modal-content">
         <div class="modal-body" id="map"></div>
       </div>
     </div>
   </div>
  1. JavaScript код:

Наконец, используйте JavaScript код для инициализации Google карты в модальном окне и добавления на нее указателей. Пример:

   $('#mapModal').on('shown.bs.modal', function () {
     var mapOptions = {
       center: {lat: 40.7128, lng: -74.0060},
       zoom: 12
     };
     var map = new google.maps.Map(document.getElementById('map'), mapOptions);

     var marker = new google.maps.Marker({
       position: {lat: 40.7128, lng: -74.0060},
       map: map,
       title: 'New York City'
     });
   });

Не забудьте заменить YOUR_API_KEY на ваш собственный ключ API Google Maps. Также укажите координаты центра карты и маркера в соответствии с вашими требованиями.

После выполнения этих шагов у вас должно появиться модальное окно с Google картой и указателем на нужной позиции.