Почему все позиции маркеров моих карт Google смещены примерно на дюйм?

Question

Почему все позиции маркеров моих карт Google смещены примерно на дюйм?

0

Я не могу точно сказать, какой код используется для создания этого, потому что я использую плагин WP Google Maps - в бэкэнд, где я настраивал карту, маркеры находятся в правильной позиции, однако на фактической карте маркеры все они смещены примерно на дюйм (в зависимости от размера экрана/разрешения, очевидно)... Есть ли какой-то CSS, который у меня есть, который может вызвать это?

Здесь сайт, если вы хотите быстро взглянуть: http://coopadvertising.ca/respire/locations-contact/

Спасибо, Томас

tsdexter 11 нояб. 2013, в 08:24

Источник

0

Карта не масштабируется правильно, похоже, что она смещена от центра при увеличении и уменьшении масштаба. Можете ли вы раздеть все свои CSS и заново представить их по частям, чтобы увидеть, где они ломаются?
Brett 11 нояб. 2013, в 07:19
0

@ Бретт Я удалил весь CSS, и маркеры были правильными ... но у меня есть 1500 строк CSS, есть ли способ проверить маркеры, чтобы я мог просто посмотреть, какой CSS может быть применен к ним?
tsdexter 11 нояб. 2013, в 07:48

Теги:

javascript

jquery

css

google-maps

google-maps-api-3

1 ответ

Ещё вопросы

Карта не масштабируется правильно, похоже, что она смещена от центра при увеличении и уменьшении масштаба. Можете ли вы раздеть все свои CSS и заново представить их по частям, чтобы увидеть, где они ломаются?
@ Бретт Я удалил весь CSS, и маркеры были правильными ... но у меня есть 1500 строк CSS, есть ли способ проверить маркеры, чтобы я мог просто посмотреть, какой CSS может быть применен к ним?

Dr.Molle · Accepted Answer · 2013-11-11T06-55-00.000Z

Маркеры не смещены, все остальное смещено (например, плитки, вы также заметили, что отсутствуют авторские права и логотип google)

Это вызвано этими форматами в http://coopadvertising.ca/respire/wp-content/themes/sympathique/style.css:

.page-title .page-background {
     height: 180px;
     left: 0px;
     overflow: hidden;
     position: absolute;
     top: 0px;
     width: 100%;
     z-index: 0;
}

.page-title .page-background img {
     left: 50%;
     margin-left: -960px;
     position: absolute;
     top: 0px;
}

Спасибо, я заметил, что это вызвало CSS. Я изменил правило на .page-title .page-background > img чтобы исправить это.