{"id":1151409,"date":"2016-08-13T17:23:49","date_gmt":"2016-08-14T00:23:49","guid":{"rendered":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/fixed-a-bug-map-centering-and-window-resizing\/"},"modified":"2016-08-13T17:28:45","modified_gmt":"2016-08-14T00:28:45","slug":"fixed-a-bug-map-centering-and-window-resizing","status":"closed","type":"topic","link":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/fixed-a-bug-map-centering-and-window-resizing\/","title":{"rendered":"Bug: Map Centering and Window Resizing"},"content":{"rendered":"<p>Hello,<\/p>\n<p>When resizing a browser window (ie drag edge of window), the map view does not re-center itself.<\/p>\n<p>Looking in tribe-events-ajax-maps.js there is some code dealing with this:<\/p>\n<pre><code>if ( tt.map_view() ) {\n\tvar center;\n\t\t\t\n\t$( &quot;#tribe-geo-map-wrapper&quot; ).resize( function() {\n\t   center = tg.map.getCenter();\n\t   google.maps.event.trigger( tg.map, &quot;resize&quot; );\n\t   tg.map.setCenter( center );\n        } );\n.....<\/code><\/pre>\n<p>However the line &#8220;center = tg.map.getCenter();&#8221; needs to occur outside the resize function. You want to define what is center before the map got resized, otherwise the function will just center on what the new center is after resizing.<\/p>\n<p>Also: a suggestion online is to add a listener to the google map call, so that it waits until the call is done before trying to re-set the center. I can&#8217;t tell if this does anything, but in theory I guess it might help someone on a super-slow connection.<\/p>\n<p>So the final working code I have is:<\/p>\n<pre><code>if ( tt.map_view() ) {\n\n\tvar center;\n\t\t\t\n\tcenter = tg.map.getCenter();\n\n\t$( &quot;#tribe-geo-map-wrapper&quot; ).resize( function() {\n\t\tgoogle.maps.event.trigger( tg.map, &quot;resize&quot; );\n\t\t\t\t\n\t\tgoogle.maps.event.addListener(tg.map, &#039;idle&#039;, function() {\n       \t\t\ttg.map.setCenter( center );\n   \t\t});\n\t\t\t\n\t});\n\n.....<\/code><\/pre>\n<p>Thanks!<\/p>\n","protected":false},"template":"","class_list":["post-1151409","topic","type-topic","status-closed","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Bug: Map Centering and Window Resizing -<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/fixed-a-bug-map-centering-and-window-resizing\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Bug: Map Centering and Window Resizing -\" \/>\n<meta property=\"og:description\" content=\"Hello, When resizing a browser window (ie drag edge of window), the map view does not re-center itself. Looking in tribe-events-ajax-maps.js there is some code dealing with this: if ( tt.map_view() ) { var center; $( &quot;#tribe-geo-map-wrapper&quot; ).resize( function() { center = tg.map.getCenter(); google.maps.event.trigger( tg.map, &quot;resize&quot; ); tg.map.setCenter( center ); } ); ..... However the [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/fixed-a-bug-map-centering-and-window-resizing\/\" \/>\n<meta property=\"article:modified_time\" content=\"2016-08-14T00:28:45+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/fixed-a-bug-map-centering-and-window-resizing\/\",\"url\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/fixed-a-bug-map-centering-and-window-resizing\/\",\"name\":\"Bug: Map Centering and Window Resizing -\",\"isPartOf\":{\"@id\":\"https:\/\/theeventscalendar.com\/support\/#website\"},\"datePublished\":\"2016-08-14T00:23:49+00:00\",\"dateModified\":\"2016-08-14T00:28:45+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/fixed-a-bug-map-centering-and-window-resizing\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/fixed-a-bug-map-centering-and-window-resizing\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/fixed-a-bug-map-centering-and-window-resizing\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/theeventscalendar.com\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Topics\",\"item\":\"https:\/\/theeventscalendar.com\/support\/topics\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Calendar Products\",\"item\":\"https:\/\/theeventscalendar.com\/support\/forums\/forum\/events\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Events Calendar PRO\",\"item\":\"https:\/\/theeventscalendar.com\/support\/forums\/forum\/events\/events-calendar-pro\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"Bug: Map Centering and Window Resizing\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/theeventscalendar.com\/support\/#website\",\"url\":\"https:\/\/theeventscalendar.com\/support\/\",\"name\":\"\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/theeventscalendar.com\/support\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Bug: Map Centering and Window Resizing -","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/fixed-a-bug-map-centering-and-window-resizing\/","og_locale":"en_US","og_type":"article","og_title":"Bug: Map Centering and Window Resizing -","og_description":"Hello, When resizing a browser window (ie drag edge of window), the map view does not re-center itself. Looking in tribe-events-ajax-maps.js there is some code dealing with this: if ( tt.map_view() ) { var center; $( &quot;#tribe-geo-map-wrapper&quot; ).resize( function() { center = tg.map.getCenter(); google.maps.event.trigger( tg.map, &quot;resize&quot; ); tg.map.setCenter( center ); } ); ..... However the [&hellip;]","og_url":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/fixed-a-bug-map-centering-and-window-resizing\/","article_modified_time":"2016-08-14T00:28:45+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/fixed-a-bug-map-centering-and-window-resizing\/","url":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/fixed-a-bug-map-centering-and-window-resizing\/","name":"Bug: Map Centering and Window Resizing -","isPartOf":{"@id":"https:\/\/theeventscalendar.com\/support\/#website"},"datePublished":"2016-08-14T00:23:49+00:00","dateModified":"2016-08-14T00:28:45+00:00","breadcrumb":{"@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/fixed-a-bug-map-centering-and-window-resizing\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/theeventscalendar.com\/support\/forums\/topic\/fixed-a-bug-map-centering-and-window-resizing\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/fixed-a-bug-map-centering-and-window-resizing\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/theeventscalendar.com\/support\/"},{"@type":"ListItem","position":2,"name":"Topics","item":"https:\/\/theeventscalendar.com\/support\/topics\/"},{"@type":"ListItem","position":3,"name":"Calendar Products","item":"https:\/\/theeventscalendar.com\/support\/forums\/forum\/events\/"},{"@type":"ListItem","position":4,"name":"Events Calendar PRO","item":"https:\/\/theeventscalendar.com\/support\/forums\/forum\/events\/events-calendar-pro\/"},{"@type":"ListItem","position":5,"name":"Bug: Map Centering and Window Resizing"}]},{"@type":"WebSite","@id":"https:\/\/theeventscalendar.com\/support\/#website","url":"https:\/\/theeventscalendar.com\/support\/","name":"","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/theeventscalendar.com\/support\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/topic\/1151409","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/topic"}],"about":[{"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/types\/topic"}],"version-history":[{"count":0,"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/topic\/1151409\/revisions"}],"wp:attachment":[{"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/media?parent=1151409"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}