Honzales (honzales) wrote,
Honzales
honzales

Как встраивать карты с Гугл в ЖЖ

Ниже - пара примеров, как встраивать карты с Гугл в ЖЖ:

Пример 1 - ссылаемся на точку на карте с координатами 53.2258363,50.6014167




Пример 2 - пытаемся сослаться на нарисованный маршрут: карта есть, маршрута - нет.
<lj-map url="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d38182.71681564662!2d50.49514449999999!3d53.264097500000005!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sru!2s!4v1427698662071"/>




Ну хоть карту можно встроить с автопрокладкой маршрута:

Пример 3 - карта с автоматически проложенным маршрутом
<lj-map height="450" url="https://www.google.com/maps/embed?pb=!1m29!1m12!1m3!1d152879.16148983472!2d50.2283588575063!3d53.22256563507297!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!4m14!1i0!3e6!4m5!1s0x41660dc53e5522e5%3A0x7baf4f0fc559a646!2z0JrQuNC90LXQu9GMLCDQodCw0LzQsNGA0YHQutCw0Y8g0L7QsdC70LDRgdGC0YwsINCg0L7RgdGB0LjRjw!3m2!1d53.231603799999995!2d50.6168595!4m5!1s0x416618e22bd879d3%3A0xba95cda9bb3a030b!2z0KHQsNC80LDRgNCwLCDQodCw0LzQsNGA0YHQutCw0Y8g0L7QsdC70LDRgdGC0YwsINCg0L7RgdGB0LjRjw!3m2!1d53.202777999999995!2d50.140833!5e0!3m2!1sru!2s!4v1427702223754" />





Но это не просто, я вам доложу - обычная ссылка, получаемая из строки URL, почему-то ни фига не работает (в отличие от кода с Яндекса).

Итак, примерный алгоритм таков:

1. Картографический сайт Google должен быть домена .com, а не .ru - иначе не работает!

2. Набираем адрес или географическое название и нажимаем кнопку с лупой («Поиск на карте»).

ru_googlemaps-search.png
Как вариант - задаем автопрокладчику начальный и конечный пункты, получаем проложенный маршрут.
Теперь - самое главное.

3. После загрузки карты нажимаем на значок шестерёнки в правом нижнем углу и выбираем команду «Поделитесь с друзьями или получите код карты».
ru_googlemaps_gearicon.png

4. Во всплывающем окне переходим на вкладку Код.

ru_googlemaps_embedcode.png

5. Копируем содержимое параметра src=  тега <iframe> в параметр url= ЖЖшного тега <lj-map>. Иначе никак - теги <iframe> в ЖЖ игнорируются.

Tags: карты, топографические карты, топография
Subscribe
  • Post a new comment

    Error

    default userpic

    Your IP address will be recorded 

    When you submit the form an invisible reCAPTCHA check will be performed.
    You must follow the Privacy Policy and Google Terms of use.
  • 0 comments