Карты Google и плюс один конфликт

Question

Когда вы помещаете карту Google и кнопку плюс одна на одну и ту же страницу, это создает странные проблемы с рендерингом. В этих примерах С и БЕЗ кнопка плюс одна. Если вы нажмете на маркер, он увеличит его, а затем нажмите «Сброс», чтобы уменьшить масштаб. Вы увидите, что карта не отображается, когда кнопки включены, пока вы не увеличите и не уменьшите вручную. Зачем? Кто-нибудь знает способ обойти это?

РЕДАКТИРОВАТЬ: Кажется, эта проблема возникает только в Google Chrome ... IRONY!

Answer 1

У меня в Firefox 6 оба работали нормально. В IE9 кнопка Google +1 даже не появлялась вообще. Нет ничего удивительного, хотя это должно сработать. Однако это может быть связано с тем, что в тестовом документе у вас нет полностью допустимого HTML-кода (с тегами html и body). Возможно, вы захотите попробовать это в первую очередь.

Вы также можете попробовать использовать тег HTML 5 для кнопки Google плюс одна. Я считаю, что это более безопасная альтернатива, и она полностью действительна в HTML5:

<div class="g-plusone" data-size="medium" data-annotation="inline" data-width="250" ></div>

Проверьте + 1 справочник по кнопкам в разделе "+1 атрибутов тега" для полного списка возможных атрибутов