Google Maps Embed API для маршрутов - масштабирование для соответствия исходной и конечной точке

Embed API для направления не всегда показывает исходную и конечную точки во фрейме. Иногда уровень масштабирования по умолчанию слишком увеличен.

<iframe 
    src="https://www.google.com/maps/embed/v1/directions?     
        origin=%2020858%20King%20Hezekiah%20Way%20%20Bend%20Oregon%20United%20States&amp;
        destination=1180%20SE%203rd%20Street%2C%20Bend%2C%20OR&amp;
        key=******************************" 
    width="281" 
    height="370">
</iframe>

(Для удобства чтения добавлены пробелы.)

пример встроить маршруты с слишком большим увеличением по умолчанию

Почти решения:

Вот как это должно выглядеть (например, с уменьшением масштаба вручную zoom=14 или -):

введите описание изображения здесь

Вот живой пример.

Есть ли какие-либо решения или обходные пути в Embed API? Это ошибка?

ОБНОВЛЕНИЕ в феврале 2018 г., похоже, исправлено. То есть на живом примере неверная карта теперь выглядит так же, как и обходной путь. Думаю, это лучше, чем ответ или виноватая.


zooming directions google-maps-embed
person Bob Stein    schedule 05.08.2017    source источник

Ответы (1)


arrow_upward
0
arrow_downward 

<div style="height: 400px">
  <iframe width="100%" height="100%" 
    src="https://www.google.com/maps/embed/v1/directions?     
    origin=%2020858%20King%20Hezekiah%20Way%20%20Bend%20Oregon%20United%20States&amp;
    destination=1180%20SE%203rd%20Street%2C%20Bend%2C%20OR&amp;
    key=******************************"  allowfullscreen>
  </iframe>
</div>

вы можете попробовать вот так. Просто установите фиксированную ширину и высоту для div, а не для iframe

person Hard_Coder    schedule 11.12.2019
comment
Спасибо, можно попробовать установить iframe для заполнения внешнего div. Но, увы, я не могу попробовать, потому что Google, кажется, исправил это. (И я только сегодня исправил свои ссылки на живой пример, которые были битыми.) - person Bob Stein; 13.12.2019