[{"data":1,"prerenderedAt":271},["ShallowReactive",2],{"Categories":3,"NavIndexCategoriesCountFooter":203,"content-\u002F2008\u002F03\u002F13\u002Ffollow-up-to-resize-google-map-to-show-all-points-making-space-at-the-top\u002F":204},[4,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,68,70,71,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,109,110,111,112,113,114,115,116,117,118,119,120,121,122,123,124,125,126,127,128,129,130,131,132,133,134,135,136,137,139,140,141,142,143,144,145,146,147,148,149,150,151,152,153,154,155,156,157,159,160,161,162,163,164,165,166,167,168,169,170,171,172,173,174,175,176,177,178,179,180,182,183,184,185,186,187,188,189,190,191,192,193,194,195,196,197,198,199,200,201,202],{"category":5},"System Administration",{"category":5},{"category":5},{"category":5},{"category":5},{"category":5},{"category":5},{"category":5},{"category":5},{"category":5},{"category":5},{"category":5},{"category":5},{"category":5},{"category":5},{"category":5},{"category":5},{"category":5},{"category":5},{"category":5},{"category":5},{"category":27},"Software Development",{"category":5},{"category":5},{"category":5},{"category":5},{"category":27},{"category":27},{"category":5},{"category":5},{"category":5},{"category":27},{"category":5},{"category":5},{"category":5},{"category":27},{"category":27},{"category":27},{"category":27},{"category":5},{"category":5},{"category":5},{"category":27},{"category":27},{"category":5},{"category":5},{"category":5},{"category":5},{"category":5},{"category":5},{"category":27},{"category":5},{"category":5},{"category":27},{"category":27},{"category":27},{"category":27},{"category":5},{"category":27},{"category":27},{"category":67},"Drones & RC",{"category":69},"DIY Projects",{"category":67},{"category":72},"Photography",{"category":69},{"category":69},{"category":69},{"category":67},{"category":69},{"category":69},{"category":69},{"category":69},{"category":69},{"category":69},{"category":69},{"category":69},{"category":69},{"category":69},{"category":69},{"category":69},{"category":69},{"category":69},{"category":67},{"category":69},{"category":69},{"category":67},{"category":67},{"category":72},{"category":72},{"category":72},{"category":67},{"category":67},{"category":67},{"category":67},{"category":67},{"category":67},{"category":67},{"category":67},{"category":67},{"category":67},{"category":5},{"category":5},{"category":72},{"category":67},{"category":67},{"category":67},{"category":67},{"category":67},{"category":67},{"category":5},{"category":67},{"category":67},{"category":72},{"category":72},{"category":67},{"category":67},{"category":67},{"category":67},{"category":67},{"category":67},{"category":67},{"category":67},{"category":67},{"category":67},{"category":67},{"category":67},{"category":72},{"category":67},{"category":138},"3D Printing - Laser Cutting - CNC",{"category":138},{"category":138},{"category":138},{"category":138},{"category":138},{"category":138},{"category":138},{"category":138},{"category":138},{"category":138},{"category":138},{"category":5},{"category":138},{"category":27},{"category":27},{"category":138},{"category":138},{"category":72},{"category":158},"Photography,3D Printing - Laser Cutting - CNC",{"category":27},{"category":27},{"category":69},{"category":27},{"category":27},{"category":27},{"category":27},{"category":5},{"category":67},{"category":5},{"category":5},{"category":27},{"category":27},{"category":27},{"category":27},{"category":27},{"category":69},{"category":27},{"category":27},{"category":27},{"category":27},{"category":181},"Home Assistant",{"category":181},{"category":72},{"category":27},{"category":27},{"category":72},{"category":138},{"category":5},{"category":72},{"category":72},{"category":138},{"category":27},{"category":181},{"category":181},{"category":72},{"category":72},{"category":72},{"category":72},{"category":72},{"category":72},{"category":72},{"category":72},191,{"id":205,"title":206,"body":207,"category":255,"date":256,"description":257,"embedImage":255,"extension":258,"image":255,"intro":255,"meta":259,"navigation":260,"path":261,"seo":262,"series":255,"sitemap":263,"stem":264,"tags":265,"__hash__":270},"content\u002F2008\u002F03\u002F13\u002Ffollow-up-to-resize-google-map-to-show-all-points-making-space-at-the-top.md","Follow up to Resize google map to show all points - making space at the top",{"type":208,"value":209,"toc":252},"minimark",[210,220,223,234,237,243,246],[211,212,213,214,219],"p",{},"In ",[215,216,218],"a",{"href":217},"\u002F2008\u002F03\u002F10\u002Fresize-google-map-to-show-all-points\u002F","Resize google map to show all points"," it shows how to rescale the map based on added overlays. But - it sometimes puts points a little too close to the top. The point is shown but since the icon has size - this disappears out of the visible frame.",[211,221,222],{},"Here's a method to add a little space before calling the setZoom. I call this anyway - it could be enhanced to see if there is a point in the danger zone but I haven't bothered.",[224,225,230],"pre",{"className":226,"code":228,"language":229},[227],"language-text","function growTopBound(map, bounds) {\n  var latlngNorthEast = bounds.getNorthEast();\n  var pointNorthEast = map.fromLatLngToDivPixel(latlngNorthEast);\n  bounds.extend(map.fromDivPixelToLatLng(new GPoint(pointNorthEast.x, pointNorthEast.y - 75)));\n  return bounds;\n}\n","text",[231,232,228],"code",{"__ignoreMap":233},"",[211,235,236],{},"Where I used to call",[224,238,241],{"className":239,"code":240,"language":229},[227],"\u002F\u002F Zoom to bounds\nmap.setZoom(map.getBoundsZoomLevel(bounds));\nmap.setCenter(bounds.getCenter());\n",[231,242,240],{"__ignoreMap":233},[211,244,245],{},"I now call",[224,247,250],{"className":248,"code":249,"language":229},[227],"\u002F\u002F Zoom to bounds\nmap.setZoom(map.getBoundsZoomLevel(bounds));\nmap.setCenter(bounds.getCenter());\n\u002F\u002F Based on that - grow top by a small amount\nbounds = growTopBound(map, bounds);\n\u002F\u002F And re-do the zoom\nmap.setZoom(map.getBoundsZoomLevel(bounds));\nmap.setCenter(bounds.getCenter());\n",[231,251,249],{"__ignoreMap":233},{"title":233,"searchDepth":253,"depth":253,"links":254},2,[],null,"2008-03-13 07:32:29 +0100","In Resize google map to show all points it shows how to rescale the map based on added overlays. But - it sometimes puts points a little too close to the top. The point is shown but since the icon has size - this disappears out of the visible frame.","md",{},true,"\u002F2008\u002F03\u002F13\u002Ffollow-up-to-resize-google-map-to-show-all-points-making-space-at-the-top",{"title":206,"description":257},{"loc":261},"2008\u002F03\u002F13\u002Ffollow-up-to-resize-google-map-to-show-all-points-making-space-at-the-top",[266,267,268,269],"web","google maps","maps","javascript","ePmIfPJ1iOhxR5EIOcfCiJ0yInasUK58G_PXA3BNgkE",1775293015767]