Несколько гуугл карт на одной странице
100 UAHВ общем есть такой код:
<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>
вот оно только одну карту и показывает ,
обязательно нужно что бы к отдельному блоку был отдельный скрипт ,
так как один блок может быть , а может и нет , поэтому вызывать все карты одним скриптом , наверно , не получиться
Отзыв заказчика о сотрудничестве с Юрием Суржинским
Несколько гуугл карт на одной страницеВсё Ок .
Отзыв фрилансера о сотрудничестве с Евгением Волошиным
Несколько гуугл карт на одной страницеХороший заказчик. Рекомендую к сотрудничеству.
-
377 35 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 грн.
-
Победившая ставка1 день100 UAH
164 9 3 Победившая ставка1 день100 UAHГотов сделать.
-
funcion mapInit(id) { ...//map init code } $('.map-holder').each(function(){ var id = $(this).attr('id'); initMan(id); });Такой вариант не подходит разве? должен работать. Ну или инициализацию не по перебору делать, а по завершению аякса, если аяксом добавляеться. Не вижу причин, почему не должно работать
-
Актуальные фриланс-проекты в категории Javascript и Typescript
Оптимизация Core Web Vitals (OpenCart) под Google PageSpeed — Мобильная и ПК версииОписание заказа: Ищем опытного frontend-разработчика/специалиста по OpenCart для оптимизации скорости загрузки сайта (категории и карточки товаров) под требования Google Core Web Vitals. О проекте: * CMS: OpenCart. * Специфика: Сайт работает в режиме каталога (корзины и… CMS, Javascript и Typescript ∙ 1 день 3 часа назад ∙ 17 ставок |
Оптимизация скорости сайта WordPress
5092 UAH
полные детали отправим в личные сообщения Цель Максимально ускорить загрузку сайта, особенно на мобильных устройствах. KPI (обязательно) После завершения работ необходимо добиться следующих показателей. Mobile Performance 90+ LCP менее 2.2 сек INP менее 200 мс CLS менее 0.1… HTML и CSS верстка, Javascript и Typescript ∙ 1 день 22 часа назад ∙ 64 ставки |
Интеграция калькулятора стоимости услуг на сайт Webflow
14 825 UAH
Ищем разработчика для интеграции готового калькулятора стоимости услуг на наш сайт, созданный на Webflow. О компании Мы занимаемся: сборкой мебели; монтажем телевизоров; монтажем полок, картин, зеркал и других предметов; помощью при переезде; подъемом тяжелых предметов; услугами… Javascript и Typescript, Веб-программирование ∙ 1 день 23 часа назад ∙ 59 ставок |
Ищем Odoo Developer — соло-разработчика с опытом разработки на Odoo 19 Community EditionЕсть рабочий, чисто спроектированный проект на Odoo 19 Community — CRM для украинского отеля, уже в production-grade инфраструктуре. Переписывать с нуля не планируем. Ищем одного человека, который подхватит проект, сохранит работоспособное и поведет его дальше: сначала CRM →… Javascript и Typescript, Веб-программирование ∙ 4 дня назад ∙ 2 ставки |
Ищу опытного Full Stack разработчика для создания SaaS-сервиса для интернет-магазинов.Идея сервиса: Клиент загружает ссылку на свой товарный фид (XML или CSV). Сервис автоматически получает товары, берет их фотографии и создает новые рекламные изображения по готовым шаблонам: цена, скидка, логотип, акционные плашки и т.д. Также в сервисе должен быть простой… Javascript и Typescript, Веб-программирование ∙ 5 дней 5 часов назад ∙ 87 ставок |