Додайте свій проект безкоштовно і почніть отримувати пропозиції від фрілансерів-виконавців вже через хвилини після публікації!
100 ₴

Несколько гуугл карт на одной странице

проект завершено


В общем есть такой код:


           

<div style=" width: 100%; height: 300px;" id="map_canvas"></div>          
<script>
$('#map_canvas').on('load', function(){
        var map;
        function initMap(){
        var myLatlng = new google.maps.LatLng(12.564366, 104.989736);
var mapOptions = {
  zoom: 14,
  center: myLatlng
}
var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);

var marker = new google.maps.Marker({
    position: myLatlng,
});

// To add the marker to the map, call setMap();
marker.setMap(map);
        }

    });
</script>

 <div style=" width: 100%; height: 300px;" id="map_canvas1"></div>          
<script>
$('#map_canvas1').on('load', function(){
        var map;
        function initMap(){
        var myLatlng = new google.maps.LatLng(12.564366, 104.989736);
var mapOptions = {
  zoom: 14,
  center: myLatlng
}
var map = new google.maps.Map(document.getElementById("map_canvas1"), mapOptions);

var marker = new google.maps.Marker({
    position: myLatlng,
});

// To add the marker to the map, call setMap();
marker.setMap(map);
        }
       
    });
</script>


вот оно только одну карту и показывает ,

обязательно нужно что бы к отдельному блоку был отдельный скрипт ,

так как один блок может быть , а может и нет , поэтому вызывать все карты одним скриптом , наверно , не получиться  

Відгук замовника про фрилансера Юрии С.

Якість
Професіоналізм
Вартість
Контактність
Терміни

Відгук фрілансера про замовника Евгении Волошине

Оплата
Постановка задачі
Чіткість вимог
Контактність

Хороший заказчик. Рекомендую к сотрудничеству.

Юрий С. Юрий Суржинский


Зробити ставку!

Замовник не бажає робити передплату? Запропонуйте оплату через Сейф, щоб уникнути можливого шахрайства.

  1. 1 день100 ₴Переможець
    Юрий Суржинский
     291   7   2

    Готов сделать.

    Україна Рівне | 26 квітня о 22:25 |
  2. 1 день200 ₴
    Владимир С.
     1002  перевірений   23   0

    Вот ссылочка на пример решения: https://ru.stackoverflow.com/questions/438421/%D0%94%D0%B2%D0%B5-%D0%BA%D0%B0%D1%80%D1%82%D1%8B-google-maps-%D0%BD%D0%B0-%D0%BE%D0%B4%D0%BD%D0%BE%D0%B9-%D1%81%D1%82%D1%80%D0%B0%D0%BD%D0%B8%D1%86%D0%B5

    Если не хотите сами заниматься - я готов прикрутить за 200 грн.

    Україна Суми | 26 квітня о 22:27 |
  • funcion mapInit(id) {
        ...//map init code
    }
    
    
    $('.map-holder').each(function(){
        var id = $(this).attr('id');
     
      initMan(id);
    });

    Такой вариант не подходит разве? должен работать. Ну или инициализацию не по перебору делать, а по завершению аякса, если аяксом добавляеться. Не вижу причин, почему не должно работать

  • Додати

Замовник
Евгений Волошин
Україна Черкаси  9   0
Проект опублікований
26 квітня о 22:18
76 переглядів
Поділитися