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

[oes]

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

[theRGD]

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

[oes]

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

[theRGD]

 ну так все правильно, кнопку выкорчевать, вставить карту, это же код, все чего угодно 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  мульти платформа

Змінено 10 жовтня 2017 користувачем theRGD

[oes]

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

[theRGD]

 почему нет, ни чему не мешается, работает

[oes]

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

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

 

[rimru72]

В 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 брешь смотри скрин (широту и долготу там где выделено) и вставляешь в низ сайта (второй скрин) ничего нового....

[ocdroid]

 

Змінено 5 лютого 2019 користувачем ocdroid

[sergeymaccar]

В 10.10.2017 в 08:23, theRGD сказав:

 ну так все правильно, кнопку выкорчевать, вставить карту, это же код, все чего угодно 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  мульти платформа

перед футер это где? на странице 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>

 

 

Змінено 16 серпня 2019 користувачем sergeymaccar