Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

Как вставить карту (Яндекс, Гугл, 2ГИС)


oes

Recommended Posts

Доброго времени, господа программисты! Хочется вот вставить на сайт карту, но стандартный модуль почему-то вырезает весь код (для чего, если он так и называется...?) OcStore 2.3.0.2.3, по форуму посмотрел, темы старые. На яндекс есть модуль, но тоже не доступен. Подскажите вариантов? ) Спасибо!!

Надіслати
Поділитися на інших сайтах


@theRGD дело в том, что на странице информации есть карта гугл, но открывается она по кнопке, а мне хотелось бы встроить карту прямо на все страницы сайта сразу. Т.е. чтобы она была и в категориях и на карточке товара... Как-то так... Буду шукать модуль...

Надіслати
Поділитися на інших сайтах


:huh: ну так все правильно, кнопку выкорчевать, вставить карту, это же код, все чего угодно http://www.shop.thergd.ru/contacts/ правда тут модуль.

ну вот по самому простому можно и так:

 

widgetloader.rar

 

взяли widgetloader.js: открыли, поглядели, GEO code поставили, стили поправили как вздумается, Картинку here in раздобыли, нарисовали, путь показали.

 

в information/contact.tpl: так написали

на все в footer.tpl

 

приделать скрипт: перед footer

<script src="http://maps.google.com/maps/api/js?key=(API Google получили, сюда вписали)"></script>
<script src="catalog/view/javascript/widgetloader.js"></script>

 

там где карта должна показываться
<section id="google-map">
<div id="map-canvas"></div>
</section>

 

в .css вот так написали:

 

#google-map {
    padding: 0;
}

#map-canvas {
    width: 100%;
    height: 440px; // высота блока карты
}
.container-slide {
    width: 100%
}

 

самый простейший вариант карты Google :-D мульти платформа

Змінено користувачем theRGD
Надіслати
Поділитися на інших сайтах

  • 1 year later...

Я наверное что то не так понял

в документе template/common/header.tpl

прописал скрипты:

<script src="http://maps.google.com/maps/api/js?key=(IzaSyCdlDphJkFJexaXjHIhX3Yll4SVKqGc00Q)"></script>
<script src="catalog/view/javascript/widgetloader.js"></script>

 

скрипт сохранил по этому адресу catalog/view/javascript/widgetloader.js

создал статью и там прописал:

<section id="google-map">
<div id="map-canvas"></div>
</section>

Открываю статью и все равно пишет

Ошибка
При загрузке Google Карт на этой странице возникла проблема. Подробности вы найдете в консоли JavaScript.

 

Надіслати
Поділитися на інших сайтах


  • 2 months later...
В 26.11.2018 в 19:41, Godik1985 сказал:

Я наверное что то не так понял

в документе template/common/header.tpl

прописал скрипты:

<script src="http://maps.google.com/maps/api/js?key=(IzaSyCdlDphJkFJexaXjHIhX3Yll4SVKqGc00Q)"></script>
<script src="catalog/view/javascript/widgetloader.js"></script>

 

скрипт сохранил по этому адресу catalog/view/javascript/widgetloader.js

создал статью и там прописал:

<section id="google-map">
<div id="map-canvas"></div>
</section>

Открываю статью и все равно пишет

Ошибка
При загрузке Google Карт на этой странице возникла проблема. Подробности вы найдете в консоли JavaScript.

 

Заходишь сюда https://gps-coordinates.ru брешь смотри скрин (широту и долготу там где выделено) и вставляешь в низ сайта (второй скрин) ничего нового....

Screenshot_3.png

Screenshot_4.png

Надіслати
Поділитися на інших сайтах


  • 6 months later...
В 10.10.2017 в 08:23, theRGD сказав:

:huh: ну так все правильно, кнопку выкорчевать, вставить карту, это же код, все чего угодно http://www.shop.thergd.ru/contacts/ правда тут модуль.

ну вот по самому простому можно и так:

 

widgetloader.rar 982 \u0431 · 48 downloads

 

взяли widgetloader.js: открыли, поглядели, GEO code поставили, стили поправили как вздумается, Картинку here in раздобыли, нарисовали, путь показали.

 

в information/contact.tpl: так написали

на все в footer.tpl

 

приделать скрипт: перед footer

<script src="http://maps.google.com/maps/api/js?key=(API Google получили, сюда вписали)"></script>
<script src="catalog/view/javascript/widgetloader.js"></script>

 

там где карта должна показываться
<section id="google-map">
<div id="map-canvas"></div>
</section>

 

в .css вот так написали:

 

#google-map {
    padding: 0;
}

#map-canvas {
    width: 100%;
    height: 440px; // высота блока карты
}
.container-slide {
    width: 100%
}

 

самый простейший вариант карты Google :-D мульти платформа

перед футер это где? на странице contact? перед  <?php echo $footer; ?>

 

или

 

в начале footer.tpl или в конце header.tpl ? :)

 

или лучше в <head> в header.tpl ?

 

я пробовал подключить slick slider в в <head> в header.tpl

 

он почему то не работал

 

а почему тупо так не сделать?

 

<iframe src="https://www.google.com/maps/embed?pb=!1m10!1m8!1m3!1d10263.63627684763!2d36.2664152!3d49.9755638!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sru!2sua!4v1565945976871!5m2!1sru!2sua" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>

 

 

Змінено користувачем sergeymaccar
Надіслати
Поділитися на інших сайтах


Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.