Встраиваем карту от google
Перейти к навигации
Перейти к поиску
После того как мы нашли объект в maps.google.com мы нажимаем кнопку ссылка (звенья цепи рядом с принтером) в появившимся окошке нажимаем "Настройка и предварительный просмотр встроенной карты".
В появившемся окне копируем html код iframe до <br /><small> например:
<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?f=q&source=s_q&hl=ru& geocode=&q=+%D0%9D%D0%BE%D0%B2%D0%BE%D1%81%D0%B8%D0%B1%D0%B8%D1%80%D1%81%D0%BA& aq=&sll=55.016644,82.948408&sspn=0.00823,0.021286&t=h& ie=UTF8&hq=&hnear=%D0%9D%D0%BE%D0%B2%D0%BE%D1%81%D0%B8%D0%B1%D0%B8%D1%80%D1%81%D0%BA, +%D0%B3%D0%BE%D1%80%D0%BE%D0%B4+%D0%9D%D0%BE%D0%B2%D0%BE%D1%81%D0%B8%D0%B1%D0%B8%D1%80%D1%81%D0%BA, +%D0%9D%D0%BE%D0%B2%D0%BE%D1%81%D0%B8%D0%B1%D0%B8%D1%80%D1%81%D0%BA%D0%B0%D1%8F +%D0%BE%D0%B1%D0%BB%D0%B0%D1%81%D1%82%D1%8C,+%D0%A0%D0%BE%D1%81%D1%81%D0%B8%D1%8F& z=10&iwloc=A&output=embed"></iframe>
Находим в коде iwloc=A& и меняем на iwloc=&, тем самым мы уберем подпись у метки.
Для смешения центра карты задаем координаты добавляя &ll=55.012297,82.941394& они должны быть близкими координатам метки sll=55.016644,82.948408&. Смешение может нам понадобится что бы метка была не в центре карты, а немного в стороне, если нам нужно показать достопримечательность или подъезд.
Пример адаптивной (раздвигающейся) вставки карты.
<html>
<head>
<style type="text/css">
.adaptive_maps_google {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.adaptive_maps_google iframe,
.adaptive_maps_google object,
.adaptive_maps_google embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div class="adaptive_maps_google">
<iframe width="610" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?f=q&source=s_q&hl=ru&geocode=&q=630008,+%D1%83%D0%BB.+%D0%92%D0%BE%D1%81%D1%85%D0%BE%D0%B4,+15,+%D0%9D%D0%BE%D0%B2%D0%BE%D1%81%D0%B8%D0%B1%D0%B8%D1%80%D1%81%D0%BA,+%D0%9D%D0%BE%D0%B2%D0%BE%D1%81%D0%B8%D0%B1%D0%B8%D1%80%D1%81%D0%BA%D0%B0%D1%8F+%D0%BE%D0%B1%D0%BB%D0%B0%D1%81%D1%82%D1%8C,+%D0%A0%D0%BE%D1%81%D1%81%D0%B8%D1%8F&aq=&sll=55.017297,82.947394&sspn=0.006939,0.019269&t=h&ie=UTF8&hq=&hnear=%D1%83%D0%BB.+%D0%92%D0%BE%D1%81%D1%85%D0%BE%D0%B4,+15,+%D0%9D%D0%BE%D0%B2%D0%BE%D1%81%D0%B8%D0%B1%D0%B8%D1%80%D1%81%D0%BA,+%D0%9D%D0%BE%D0%B2%D0%BE%D1%81%D0%B8%D0%B1%D0%B8%D1%80%D1%81%D0%BA%D0%B0%D1%8F+%D0%BE%D0%B1%D0%BB%D0%B0%D1%81%D1%82%D1%8C,+%D0%A0%D0%BE%D1%81%D1%81%D0%B8%D1%8F,+630000&z=14&iwloc=&output=embed&output=embed"></iframe>
</div>
</body>
</html>
