Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
  • Sign Up

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


Recommended Posts

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

Link to post
Share on other sites

:unsure: модуль карты раздобыть, заказать, или же вставить script в information/contact.tpl к примеру google map + api + geo данные, несколько строчек в css для оформления

Link to post
Share on other sites

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

Link to post
Share on other sites

: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 мульти платформа

Edited by theRGD
Link to post
Share on other sites

Трудно поверить, что настолько простейшая функция реализуется так "по-русски" (

Link to post
Share on other sites

@theRGD короче, вставил карту 2гис прямо в шаблон, вместо кнопки на странице контактов

Link to post
Share on other sites

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

 

Link to post
Share on other sites

  • 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

Link to post
Share on other sites

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

 

 

Edited by sergeymaccar
Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.