kartinki2010

Как вставить карту в контакты с местом расположения офиса?

Автор: , в Приложения, модули, настройки

Recommended Posts

kartinki2010    1

kartinki2010
Опубликовано:

body {
    -webkit-font-smoothing: antialiased;
    background-color: #f0f0f0;
    background-image: url(/img/bg-dark-4822.png);
    color: #707070;
    font-family: "Open Sans", "Arial", sans-serif;
    font-size: 14px;
    height: 100%;
    margin: 0px;
    padding: 0px
}

 

Я делаю так но не работает!

Поделиться сообщением

Ссылка на сообщение
Поделиться на других сайтах

TopRaN    235

TopRaN
Опубликовано:
Только что, kartinki2010 сказал:

Я делаю так но не работает! 

body {
    -webkit-font-smoothing: antialiased;
    background-color: #f0f0f0;
    background-image: url(../img/bg-dark-4822.png);
    background-repeat: repeat;
    color: #707070;
    font-family: "Open Sans", "Arial", sans-serif;
    font-size: 14px;
    height: 100%;
    margin: 0px;
    padding: 0px
}

 

Поделиться сообщением

Ссылка на сообщение
Поделиться на других сайтах

kartinki2010    1

kartinki2010
Опубликовано:

Почему то вернулось обратно как было:

2.Выделить в меню раздел- Элитная недвижимость жирным цветом.

3. В самом верху сайта в левом углу есть Разделы верхнего меню-Главная и Изброное, их нужно сделать белым цветом.

Сделал вам.

Поделиться сообщением

Ссылка на сообщение
Поделиться на других сайтах

Johnny Bravo    2

Johnny Bravo
Опубликовано:
1 час назад, Johnny Bravo сказал: 

    {literal}
    <script type="text/javascript">

    ymaps.ready(init);
    var map;

    function init(){
        // создаем экземпляр карты и привязываем его к контейнеру
        map = new ymaps.Map('YMapsID',{
            zoom: 14,
            center: [54.91, 37.43],
            behaviors: ["scrollZoom", "drag", "dblClickZoom"],
            type : 'yandex#map'
            });
        map.controls.add(new ymaps.control.TypeSelector(['yandex#map', 'yandex#publicMap', 'yandex#satellite', 'yandex#hybrid']));
        map.controls.add('scaleLine');
        map.controls.add('zoomControl', { top: 75, left: 5 });

        {/literal}
        {if $data.geo.value.lat!='' && $data.geo.value.lng!=''}
            var obj_lat={$data.geo.value.lat};
            var obj_lng={$data.geo.value.lng};
        {else}
        var obj_lat='';
        var obj_lng='';
        {/if}

        {/if}
        if(obj_lat!='' && obj_lng!=''){
            map.setCenter(new Array(obj_lat,obj_lng));
            var myPlacemark = new ymaps.Placemark(
                new Array(obj_lat,obj_lng),
                {

                },
                {
                    preset: "twirl#blueDotIcon",
                    draggable: false,
                    hideIconOnBalloonOpen: false
                }
            );
              map.geoObjects.add(myPlacemark);
        }
        
        
        {literal}
    }
    </script>
    {/literal}

Подскажите как вставить свои координаты и удалить лишний скрипт

Прочитал документацию api карт, ну никак не получается

Поделиться сообщением

Ссылка на сообщение
Поделиться на других сайтах

Chernetskiy    469

Chernetskiy
Опубликовано:

Что-то вы долго морочались с картой, в приницпе, сложного ничего нет.

1. Готовим код карты.

Заходим в Конструктор карт Яндекса и прописываем название и описание офиса, указываем на карте адрес и местоположение офиса или нескольких, выбираем метки на карте, при необходимости прописываем к ним текст... всё наглядно... далее выбираем размер карты - высоту указываем в пикселях (хватит 400-450 пикс.), ширину - во весь экран, при этом постарайтесь, чтобы ваши метки были отцентрованы на карте, после чего всё сохраняем и получаем код карты. Копируем код себе на комп.

2. Создаем шаблон под контакты и карту.

Заходим в редактор шаблонов в админке сайта и создаем новый шаблон, например custom.tpl и вставляем в него например такой код (вариант с моего сайта, на шаблоне Realia): 

{$main}
<hr />
<div class="row">
  <div class="span3">
    <h3 class="address">Наши офисы</h3>
    <p class="content-icon-spacing">Московская область <br /> Раменское <br />ул. Левашова 25а</p>
    <p class="content-icon-spacing">Московская область <br /> Раменский район <br />Электроизолятор 81 <br />(ТЦ Городок, 2 этаж)</p>
  </div>
  <div class="span3">
    <h3 class="call-us">Наши телефоны</h3>
    <p class="content-icon-spacing">
      <a title="Позвонить Игорю Чернецкому" href="tel:+79269040207">+7 (926) 904-0207</a><br />
      <a title="Позвонить Дмитрию Букину" href="tel:+79015555175">+7 (901) 555-5175</a><br />
      <a title="Позвонить Автандилу Курбанову" href="tel:+79261011701">+7 (926) 101-1701</a></p>
    <h3 class="call-us">Связаться в Skype</h3>
    <p class="content-icon-spacing">
      <a title="Связаться с Игорем Чернецким" href="skype:chernetskiy?call">Игорь Чернецкий</a><br />
      <a title="Связаться с Дмитрием Букиным" href="skype:skype.visitor?call">Дмитрий Букин</a></p> 
  </div>
  <div class="span3">
    <h3 class="email">Электронная почта</h3>
    <p class="content-icon-spacing">
      <a href="mailto:realty-centrum@mail.ru">realty-centrum@mail.ru</a><br />
      <br />
      <a href="mailto:mail@realty-centrum.com">Написать руководителю</a><br />
      <a href="mailto:admin@realty-centrum.com">Написать в тех.поддержку</a></p>
  </div>
</div>
<hr />
{literal}
<script type="text/javascript" charset="utf-8" async src="https://api-maps.yandex.ru/services/constructor/1.0/js/?sid=P05S4ppIwvLDRtwKF80N4eE2FtnHxScZ&amp;width=100%25&amp;height=450&amp;lang=ru_RU&amp;sourceType=constructor&amp;scroll=true"></script>
{/literal}

В предпоследней строке как раз вставляем свой код карты. Код выше можно слизать, но не забудьте подправить под свои контакты. Код {$main} обозначает местоположение текста описания страницы, которое создаем в следующем пункте. Его можно перенести в нужное по вашему мнению место.

Таким образом, вы создали шаблон, который можно подключить к странице сайта.

3. Создаем страницу "О нас" и подключаем в неё шаблон карты.

Заходим в Контент -> Страницы и добавляем новую страницу, заполняем поля, например:

  • Заголовок - О компании
  • URU - about
  • Шаблон - custom.tpl (подключаем созданный выше шаблон, главное, чтобы его название совпадало)
  • Содержание статьи - Пишем прелести о своем агентсnве недвижимости, желательно на 300 слов, основная суть в первых 2-х предложениях, что непосредственно должны подхватить поисковики...
  • Заполняем служебные позиции - Мета в соседней вкладке
  • Сохраняем.

Поздравляю, вы создали свою страницу "О компании" с описанием, контактами и картой.

4. Добавляем новую страницу в меню.

Заходим в Контент -> Меню -> Верхнее меню и кликаем на Структура. В раскрывшемся списке меню кликаем на Добавить пункт и добавляем новый пункт меню:

  • Название подпункта - О нас
  • URL - /about/
  • Сортировка - указываем цифрой порядковый номер в позиции меню, например 5
  • Сохраняем

Вы добавили свою страницу в меню и она доступна на сайте.

Аналогично вы можете добавить эту страницу в Нижнее меню, чтобы была доступна из футера.

Что в итоге получится, смотрите здесь

 

ПыСы, Дмитрий, может это скопировать куда-нибудь в раздел, как создать страницу Контакты? Чтобы каждый раз подобные вопросы не возникали :)

Поделиться сообщением

Ссылка на сообщение
Поделиться на других сайтах

Johnny Bravo    2

Johnny Bravo
Опубликовано:
1 час назад, Chernetskiy сказал:

Что-то вы долго морочались с картой, в приницпе, сложного ничего нет.

1. Готовим код карты.

Заходим в Конструктор карт Яндекса и прописываем название и описание офиса, указываем на карте адрес и местоположение офиса или нескольких, выбираем метки на карте, при необходимости прописываем к ним текст... всё наглядно... далее выбираем размер карты - высоту указываем в пикселях (хватит 400-450 пикс.), ширину - во весь экран, при этом постарайтесь, чтобы ваши метки были отцентрованы на карте, после чего всё сохраняем и получаем код карты. Копируем код себе на комп.

2. Создаем шаблон под контакты и карту.

Заходим в редактор шаблонов в админке сайта и создаем новый шаблон, например custom.tpl и вставляем в него например такой код (вариант с моего сайта, на шаблоне Realia): 


{$main}
<hr />
<div class="row">
  <div class="span3">
    <h3 class="address">Наши офисы</h3>
    <p class="content-icon-spacing">Московская область <br /> Раменское <br />ул. Левашова 25а</p>
    <p class="content-icon-spacing">Московская область <br /> Раменский район <br />Электроизолятор 81 <br />(ТЦ Городок, 2 этаж)</p>
  </div>
  <div class="span3">
    <h3 class="call-us">Наши телефоны</h3>
    <p class="content-icon-spacing">
      <a title="Позвонить Игорю Чернецкому" href="tel:+79269040207">+7 (926) 904-0207</a><br />
      <a title="Позвонить Дмитрию Букину" href="tel:+79015555175">+7 (901) 555-5175</a><br />
      <a title="Позвонить Автандилу Курбанову" href="tel:+79261011701">+7 (926) 101-1701</a></p>
    <h3 class="call-us">Связаться в Skype</h3>
    <p class="content-icon-spacing">
      <a title="Связаться с Игорем Чернецким" href="skype:chernetskiy?call">Игорь Чернецкий</a><br />
      <a title="Связаться с Дмитрием Букиным" href="skype:skype.visitor?call">Дмитрий Букин</a></p> 
  </div>
  <div class="span3">
    <h3 class="email">Электронная почта</h3>
    <p class="content-icon-spacing">
      <a href="mailto:realty-centrum@mail.ru">realty-centrum@mail.ru</a><br />
      <br />
      <a href="mailto:mail@realty-centrum.com">Написать руководителю</a><br />
      <a href="mailto:admin@realty-centrum.com">Написать в тех.поддержку</a></p>
  </div>
</div>
<hr />
{literal}
<script type="text/javascript" charset="utf-8" async src="https://api-maps.yandex.ru/services/constructor/1.0/js/?sid=P05S4ppIwvLDRtwKF80N4eE2FtnHxScZ&amp;width=100%25&amp;height=450&amp;lang=ru_RU&amp;sourceType=constructor&amp;scroll=true"></script>
{/literal}

В предпоследней строке как раз вставляем свой код карты. Код выше можно слизать, но не забудьте подправить под свои контакты. Код {$main} обозначает местоположение текста описания страницы, которое создаем в следующем пункте. Его можно перенести в нужное по вашему мнению место.

Таким образом, вы создали шаблон, который можно подключить к странице сайта.

3. Создаем страницу "О нас" и подключаем в неё шаблон карты.

Заходим в Контент -> Страницы и добавляем новую страницу, заполняем поля, например:

  • Заголовок - О компании
  • URU - about
  • Шаблон - custom.tpl (подключаем созданный выше шаблон, главное, чтобы его название совпадало)
  • Содержание статьи - Пишем прелести о своем агентсnве недвижимости, желательно на 300 слов, основная суть в первых 2-х предложениях, что непосредственно должны подхватить поисковики...
  • Заполняем служебные позиции - Мета в соседней вкладке
  • Сохраняем.

Поздравляю, вы создали свою страницу "О компании" с описанием, контактами и картой.

4. Добавляем новую страницу в меню.

Заходим в Контент -> Меню -> Верхнее меню и кликаем на Структура. В раскрывшемся списке меню кликаем на Добавить пункт и добавляем новый пункт меню:

  • Название подпункта - О нас
  • URL - /about/
  • Сортировка - указываем цифрой порядковый номер в позиции меню, например 5
  • Сохраняем

Вы добавили свою страницу в меню и она доступна на сайте.

Аналогично вы можете добавить эту страницу в Нижнее меню, чтобы была доступна из футера.

Что в итоге получится, смотрите здесь

 

ПыСы, Дмитрий, может это скопировать куда-нибудь в раздел, как создать страницу Контакты? Чтобы каждый раз подобные вопросы не возникали :)

Спасибо за ответ, но такая карта у меня и так была, по быстрому её сразу с помощью конструктора состряпал, она очень долго грузится и много не нужного. А я хочу её запускать с помощью скрипта, как в realtyview и других. В дальнейшем прикрепить модуль js с круглыми элементами управления.  

Поделиться сообщением

Ссылка на сообщение
Поделиться на других сайтах

Создайте аккаунт или войдите для комментирования

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

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас
Перейти к списку тем