Google Map отображает внутри div. изменение размера браузера правильно отображает карту

Question

Google Map отображает внутри div. изменение размера браузера правильно отображает карту

0

Я использую gmap, drupal 6 на пантеоне. Моя gmap происходит кватерно в своем собственном div, когда страница обновляется.

Я проверил с параметром gmap resize(). это не сработало. Даже я попытался загрузить gmap, когда нажата вкладка (карта находится на вкладке "карта отображения", а не на вкладке пользовательского интерфейса jquery), она тоже не работает. Карта не находится внутри iframe. Когда браузер изменяет размер или проверяет, что инструмент элемента открыт для отладки, отображается карта, но макет не отображается. Маркер выходит за пределы заданной ширины.

Карты Google не полностью отображаются на странице? не помог мне.

Пожалуйста, предложите.

sahadbs 17 дек. 2013, в 12:00

Источник

0

Покажите ваш HTML и CSS для контейнера карты, пожалуйста.
DAC84 17 дек. 2013, в 10:07
0

Вы установили высоту и ширину карты в CSS?
Andy 17 дек. 2013, в 10:12
0

положить код и HTML
sabotero 17 дек. 2013, в 10:19
0

@ DAC84: CSS => # map-canvas {height: 400px; width: 100%;} HTML => <div id = "map-canvas" style = "clear: both;"> </ div> JS => Google Map JS для рендеринга карты. Я показываю карту в окне загрузки. google.maps.event.addDomListener (окно, «загрузка», инициализация);
sahadbs 17 дек. 2013, в 10:57

Показать ещё 2 комментария

Теги:

javascript

jquery

html

google-maps

drupal-6

1 ответ

Ещё вопросы

Покажите ваш HTML и CSS для контейнера карты, пожалуйста.
Вы установили высоту и ширину карты в CSS?
@ DAC84: CSS => # map-canvas {height: 400px; width: 100%;} HTML => <div id = "map-canvas" style = "clear: both;"> </ div> JS => Google Map JS для рендеринга карты. Я показываю карту в окне загрузки. google.maps.event.addDomListener (окно, «загрузка», инициализация);

Trace · Answer 1 · 2013-12-17T07-17-00.000Z

0

Вы визуализируете "# map-canvas" HTML div программно?
В этом случае убедитесь, что DOM готов, прежде чем пытаться отобразить карту.
Применить: google.maps.event.trigger(map, 'resize'); Я должен был использовать это, чтобы предотвратить серые области => Но я думаю, это то, что вы уже пробовали?
Проверьте размеры карты в инспекторе элементов Google Chrome.

Trace 17 дек. 2013, в 07:17

0

1. Я показываю карту в окне загрузки. google.maps.event.addDomListener (окно, «загрузка», инициализация); 2. Не работает для меня. 3. CSS => # map-canvas {height: 400px; ширина: 100%;} HTML => <div id = "map-canvas" style = "clear: both;"> </ div>
sahadbs 17 дек. 2013, в 11:06
0

В инспекторе элементов наведите курсор на div map-canvas: вы можете проверить, есть ли где-нибудь перекрывающийся div. Должно работать окно с методом load; Вы также можете попробовать использовать готовый DOM для jQuery. И функция изменения размера должна определенно работать - я уже много раз использовал хак. Но разместите свой пост в вопросе, вы никогда не знаете, что вы могли что-то упустить.
Trace 17 дек. 2013, в 11:20
0

Там нет некоторого перекрытия div. Я использовал готовый DOM jQuery или resize (), когда на конкретной вкладке (карта находится внутри вкладки «Просмотр карты», а не на вкладке пользовательского интерфейса jquery) нажимается $ ('# check'). On ('click', function () {setTimeout (function () {google.maps.event.trigger (canvas-map, "resize");}, 2000);});
sahadbs 17 дек. 2013, в 18:43
0

Вы можете попытаться создать экземпляр карты в тот момент, когда новый вид создается как обратный вызов, а не по нажатию кнопки.
Trace 17 дек. 2013, в 19:42
0

Я не могу получить тебя. объясните пожалуйста или приведите пример. Заранее спасибо.
sahadbs 18 дек. 2013, в 16:25
0

Я имею в виду, что вы можете попытаться запустить создание экземпляра карты, т.е. var map = new google.maps.Map после отображения представления. Для вкладок пользовательского интерфейса jQuery обратный вызов запускается следующим образом: $( ".selector" ).tabs({ load: function(event, ui) { ... } });
Trace 19 дек. 2013, в 13:36
1

Я не использовал jquery UI. Моя проблема решена путем вызова initialize () при нажатии на вкладку. Большое спасибо за ваше время и ценные ответы. Наслаждайтесь праздником! С Новым Годом.. :)
sahadbs 27 дек. 2013, в 19:16

Показать ещё 5 комментариев