Фриланс-проекты

Фриланс-проекты

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

Name: Несколько гуугл карт на одной странице
Price: 100 UAH
Availability: InStock

Javascript и Typescript, PHP, Веб-программирование — неверно указаны категории?

100 UAH

Отзыв фрилансера о сотрудничестве с Евгением Волошиным

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

100 UAH

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

5.0

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

Встречный отзыв

30 апреля 2017

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

<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>

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

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

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

Ставки 2 Обсуждения 1

Владимир С.

35 0

Проекты 14
Оценка -
Рейтинг 377

Бюджет: 200 UAH Срок: 1 день

Вот ссылочка на пример решения: 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 грн.

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

Победившая ставка

9 3

Проекты 5
Оценка -
Рейтинг 164

Бюджет: 100 UAH Срок: 1 день

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

Николай Антал 26 апреля 2017

funcion mapInit(id) {
    ...//map init code
}


$('.map-holder').each(function(){
    var id = $(this).attr('id');
 
  initMan(id);
});
Такой вариант не подходит разве? должен работать. Ну или инициализацию не по перебору делать, а по завершению аякса, если аяксом добавляеться. Не вижу причин, почему не должно работать

Добавить комментарий

Евгений Волошин
Черкассы, Украина

Проектов 13
Оценка -
Рейтинг 270

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

Отзыв заказчика о сотрудничестве с Юрием Суржинским

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

5.0

Евгений Волошин

Отзыв фрилансера о сотрудничестве с Евгением Волошиным

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

5.0

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

Владимир С.

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

Ставки пока отсутствуют

Актуальные фриланс-проекты в категории Javascript и Typescript

Мелкие доработки сайта (Opencart Версия 1.5.5.1.2)

Разработка Tampermonkey-скрипта для автоматизации ответов во внутренней CRM через API OpenAI

Разработка собственной SaaS-системы для автоматизации кофеен - аналог Poster POS

Платформа стейкинга на блокчейне

Next.js-разработчик для доработки существующего сайта