{"id":21456,"date":"2022-11-13T17:27:49","date_gmt":"2022-11-13T11:57:49","guid":{"rendered":"https:\/\/jassweb.com\/solved\/solved-google-maps-api-when-is-map-pantolatlng-smooth\/"},"modified":"2022-11-13T17:27:49","modified_gmt":"2022-11-13T11:57:49","slug":"solved-google-maps-api-when-is-map-pantolatlng-smooth","status":"publish","type":"post","link":"https:\/\/jassweb.com\/solved\/solved-google-maps-api-when-is-map-pantolatlng-smooth\/","title":{"rendered":"[Solved] Google Maps Api &#8211; when is map.panto(latlng) smooth"},"content":{"rendered":"<p> [ad_1]<br \/>\n<\/p>\n<div id=\"answer-72626144\" class=\"answer js-answer accepted-answer js-accepted-answer\" data-answerid=\"72626144\" data-parentid=\"71716078\" data-score=\"0\" data-position-on-page=\"2\" data-highest-scored=\"1\" data-question-has-accepted-highest-score=\"1\" itemprop=\"acceptedAnswer\" itemscope itemtype=\"https:\/\/schema.org\/Answer\">\n<div class=\"post-layout\">\n<div class=\"votecell post-layout--left\"><\/div>\n<div class=\"answercell post-layout--right\">\n<div class=\"s-prose js-post-body\" itemprop=\"text\">\n<p>Ok I think the answer to the specific question is just down to rounding but I don&#8217;t need to chase that one as, in the last month or so, Google has decouple its rehoming of the markers from the smooth pan test.  It is now an arbitrary 100000px limit before it stops maintaing the DOM for markers.<\/p>\n<p>The complete story can be found <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/RichardMaher\/Brotkrumen\/blob\/master\/testmap.html\">here<\/a> (remember due to the API key hard-coding you need to copy testmap.html to your local file system before trying to run it.)<\/p>\n<p>The TL;DR version and core logic is in this function: &#8211;<\/p>\n<pre><code>    function makeDestCenter(){\n        console.log(\"Panning to new Center \" + map.getZoom());\n        var home = map.getCenter();\n        var zoom = map.getZoom();\n        var scale = 1 &lt;&lt; zoom;  \n        var proj = map.getProjection();\n        \n        var homePoint =  proj.fromLatLngToPoint(home);  \n        var startPixelX = Math.round(homePoint.x * scale);\n        var startPixelY = Math.round(homePoint.y * scale);\n\n        var destPoint =  proj.fromLatLngToPoint(dest[destIndex]);\n        var destPixelX = Math.round(destPoint.x * scale);\n        var destPixelY = Math.round(destPoint.y * scale);\n        var xTrip = Math.abs(destPixelX - startPixelX);\n        var yTrip = Math.abs(destPixelY - startPixelY);\n\n        console.log(\"sX \" + startPixelX + \" dX \" + destPixelX + \" sY \" + startPixelY + \" dY \" + destPixelY);\n\n        if ((xTrip &gt; MAX_TRIP) || (yTrip &gt; MAX_TRIP)) {\n            google.maps.event.addListenerOnce(map, 'idle', makeDestCenter);\n            map.setZoom(--zoom);\n        } else {\n            if (xTrip == TOO_SMALL &amp;&amp; yTrip == TOO_SMALL) {\n                google.maps.event.addListenerOnce(map, 'idle', makeDestCenter);\n                map.setZoom(++zoom);\n            } else {\n                map.panTo(dest[destIndex]);\n            }\n        }\n    }\n<\/code><\/pre>\n<\/p><\/div>\n<div class=\"mt24\"><\/div>\n<\/div>\n<p>            <span class=\"d-none\" itemprop=\"commentCount\"><\/span> <\/p><\/div>\n<\/div>\n<p>[ad_2]<\/p>\n<p>solved Google Maps Api &#8211; when is map.panto(latlng) smooth <\/p>\n","protected":false},"excerpt":{"rendered":"<p>[ad_1] Ok I think the answer to the specific question is just down to rounding but I don&#8217;t need to chase that one as, in the last month or so, Google has decouple its rehoming of the markers from the smooth pan test. It is now an arbitrary 100000px limit before it stops maintaing the &#8230; <a title=\"[Solved] Google Maps Api &#8211; when is map.panto(latlng) smooth\" class=\"read-more\" href=\"https:\/\/jassweb.com\/solved\/solved-google-maps-api-when-is-map-pantolatlng-smooth\/\" aria-label=\"More on [Solved] Google Maps Api &#8211; when is map.panto(latlng) smooth\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[320],"tags":[799,492,2194,333],"class_list":["post-21456","post","type-post","status-publish","format-standard","hentry","category-solved","tag-geolocation","tag-google-maps","tag-google-maps-markers","tag-javascript"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>[Solved] Google Maps Api - when is map.panto(latlng) smooth - JassWeb<\/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:\/\/jassweb.com\/solved\/solved-google-maps-api-when-is-map-pantolatlng-smooth\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"[Solved] Google Maps Api - when is map.panto(latlng) smooth - JassWeb\" \/>\n<meta property=\"og:description\" content=\"[ad_1] Ok I think the answer to the specific question is just down to rounding but I don&#8217;t need to chase that one as, in the last month or so, Google has decouple its rehoming of the markers from the smooth pan test. It is now an arbitrary 100000px limit before it stops maintaing the ... Read more\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jassweb.com\/solved\/solved-google-maps-api-when-is-map-pantolatlng-smooth\/\" \/>\n<meta property=\"og:site_name\" content=\"JassWeb\" \/>\n<meta property=\"article:published_time\" content=\"2022-11-13T11:57:49+00:00\" \/>\n<meta name=\"author\" content=\"Kirat\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kirat\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/solved-google-maps-api-when-is-map-pantolatlng-smooth\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/solved-google-maps-api-when-is-map-pantolatlng-smooth\\\/\"},\"author\":{\"name\":\"Kirat\",\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/#\\\/schema\\\/person\\\/65c9c7b7958150c0dc8371fa35dd7c31\"},\"headline\":\"[Solved] Google Maps Api &#8211; when is map.panto(latlng) smooth\",\"datePublished\":\"2022-11-13T11:57:49+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/solved-google-maps-api-when-is-map-pantolatlng-smooth\\\/\"},\"wordCount\":124,\"publisher\":{\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/#organization\"},\"keywords\":[\"geolocation\",\"google-maps\",\"google-maps-markers\",\"javascript\"],\"articleSection\":[\"Solved\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/solved-google-maps-api-when-is-map-pantolatlng-smooth\\\/\",\"url\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/solved-google-maps-api-when-is-map-pantolatlng-smooth\\\/\",\"name\":\"[Solved] Google Maps Api - when is map.panto(latlng) smooth - JassWeb\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/#website\"},\"datePublished\":\"2022-11-13T11:57:49+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/solved-google-maps-api-when-is-map-pantolatlng-smooth\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/jassweb.com\\\/solved\\\/solved-google-maps-api-when-is-map-pantolatlng-smooth\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/solved-google-maps-api-when-is-map-pantolatlng-smooth\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"[Solved] Google Maps Api &#8211; when is map.panto(latlng) smooth\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/#website\",\"url\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/\",\"name\":\"JassWeb\",\"description\":\"Build High-quality Websites\",\"publisher\":{\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/#organization\",\"name\":\"Jass Web\",\"url\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/jassweb.com\\\/wp-content\\\/uploads\\\/2021\\\/02\\\/jass-website-logo-1.png\",\"contentUrl\":\"https:\\\/\\\/jassweb.com\\\/wp-content\\\/uploads\\\/2021\\\/02\\\/jass-website-logo-1.png\",\"width\":693,\"height\":132,\"caption\":\"Jass Web\"},\"image\":{\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/#\\\/schema\\\/person\\\/65c9c7b7958150c0dc8371fa35dd7c31\",\"name\":\"Kirat\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/wp-content\\\/litespeed\\\/avatar\\\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1777613206\",\"url\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/wp-content\\\/litespeed\\\/avatar\\\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1777613206\",\"contentUrl\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/wp-content\\\/litespeed\\\/avatar\\\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1777613206\",\"caption\":\"Kirat\"},\"sameAs\":[\"http:\\\/\\\/jassweb.com\"],\"url\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/author\\\/jaspritsinghghumangmail-com\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"[Solved] Google Maps Api - when is map.panto(latlng) smooth - JassWeb","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:\/\/jassweb.com\/solved\/solved-google-maps-api-when-is-map-pantolatlng-smooth\/","og_locale":"en_US","og_type":"article","og_title":"[Solved] Google Maps Api - when is map.panto(latlng) smooth - JassWeb","og_description":"[ad_1] Ok I think the answer to the specific question is just down to rounding but I don&#8217;t need to chase that one as, in the last month or so, Google has decouple its rehoming of the markers from the smooth pan test. It is now an arbitrary 100000px limit before it stops maintaing the ... Read more","og_url":"https:\/\/jassweb.com\/solved\/solved-google-maps-api-when-is-map-pantolatlng-smooth\/","og_site_name":"JassWeb","article_published_time":"2022-11-13T11:57:49+00:00","author":"Kirat","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Kirat","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/jassweb.com\/solved\/solved-google-maps-api-when-is-map-pantolatlng-smooth\/#article","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/solved-google-maps-api-when-is-map-pantolatlng-smooth\/"},"author":{"name":"Kirat","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31"},"headline":"[Solved] Google Maps Api &#8211; when is map.panto(latlng) smooth","datePublished":"2022-11-13T11:57:49+00:00","mainEntityOfPage":{"@id":"https:\/\/jassweb.com\/solved\/solved-google-maps-api-when-is-map-pantolatlng-smooth\/"},"wordCount":124,"publisher":{"@id":"https:\/\/jassweb.com\/solved\/#organization"},"keywords":["geolocation","google-maps","google-maps-markers","javascript"],"articleSection":["Solved"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/jassweb.com\/solved\/solved-google-maps-api-when-is-map-pantolatlng-smooth\/","url":"https:\/\/jassweb.com\/solved\/solved-google-maps-api-when-is-map-pantolatlng-smooth\/","name":"[Solved] Google Maps Api - when is map.panto(latlng) smooth - JassWeb","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/#website"},"datePublished":"2022-11-13T11:57:49+00:00","breadcrumb":{"@id":"https:\/\/jassweb.com\/solved\/solved-google-maps-api-when-is-map-pantolatlng-smooth\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jassweb.com\/solved\/solved-google-maps-api-when-is-map-pantolatlng-smooth\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/jassweb.com\/solved\/solved-google-maps-api-when-is-map-pantolatlng-smooth\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/jassweb.com\/solved\/"},{"@type":"ListItem","position":2,"name":"[Solved] Google Maps Api &#8211; when is map.panto(latlng) smooth"}]},{"@type":"WebSite","@id":"https:\/\/jassweb.com\/solved\/#website","url":"https:\/\/jassweb.com\/solved\/","name":"JassWeb","description":"Build High-quality Websites","publisher":{"@id":"https:\/\/jassweb.com\/solved\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/jassweb.com\/solved\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/jassweb.com\/solved\/#organization","name":"Jass Web","url":"https:\/\/jassweb.com\/solved\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/","url":"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png","contentUrl":"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png","width":693,"height":132,"caption":"Jass Web"},"image":{"@id":"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31","name":"Kirat","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1777613206","url":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1777613206","contentUrl":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1777613206","caption":"Kirat"},"sameAs":["http:\/\/jassweb.com"],"url":"https:\/\/jassweb.com\/solved\/author\/jaspritsinghghumangmail-com\/"}]}},"_links":{"self":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts\/21456","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/comments?post=21456"}],"version-history":[{"count":0,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts\/21456\/revisions"}],"wp:attachment":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/media?parent=21456"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/categories?post=21456"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/tags?post=21456"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}