<p>Here's my suggestion - it comes in two steps:</p>
<ul>
<li>When the popup is created specify <code>autoPanPadding: [100, 100]</code> or similar in the options so that there is some padding from the edge of the map when it opens.</li>
<li>Rather than panning to the popup after opening, pan to the route before doing so by doing <code>panInsideBounds(polyline.getBounds().pad(0.05))</code> on the map so that the map pans back to the route but without changing zoom.<br>
That way we ensure the user is looking at the route if they have panned away, and we prevent popups being to close to the edge, but without constantly panning the map to keep it dead centre.</li>
</ul>

<p style="font-size:small;-webkit-text-size-adjust:none;color:#666;">—<br />You are receiving this because you are subscribed to this thread.<br />Reply to this email directly, <a href="https://github.com/openstreetmap/openstreetmap-website/pull/1745#issuecomment-365113871">view it on GitHub</a>, or <a href="https://github.com/notifications/unsubscribe-auth/ABWnLV3CQBu9DxD8_Q6JePrJAhfnXq9eks5tUNwUgaJpZM4SDAGu">mute the thread</a>.<img alt="" height="1" src="https://github.com/notifications/beacon/ABWnLfEjTldlvP9bwKdiQmjXDvZDQ72-ks5tUNwUgaJpZM4SDAGu.gif" width="1" /></p>
<div itemscope itemtype="http://schema.org/EmailMessage">
<div itemprop="action" itemscope itemtype="http://schema.org/ViewAction">
  <link itemprop="url" href="https://github.com/openstreetmap/openstreetmap-website/pull/1745#issuecomment-365113871"></link>
  <meta itemprop="name" content="View Pull Request"></meta>
</div>
<meta itemprop="description" content="View this Pull Request on GitHub"></meta>
</div>

<script type="application/json" data-scope="inboxmarkup">{"api_version":"1.0","publisher":{"api_key":"05dde50f1d1a384dd78767c55493e4bb","name":"GitHub"},"entity":{"external_key":"github/openstreetmap/openstreetmap-website","title":"openstreetmap/openstreetmap-website","subtitle":"GitHub repository","main_image_url":"https://cloud.githubusercontent.com/assets/143418/17495839/a5054eac-5d88-11e6-95fc-7290892c7bb5.png","avatar_image_url":"https://cloud.githubusercontent.com/assets/143418/15842166/7c72db34-2c0b-11e6-9aed-b52498112777.png","action":{"name":"Open in GitHub","url":"https://github.com/openstreetmap/openstreetmap-website"}},"updates":{"snippets":[{"icon":"PERSON","message":"@tomhughes in #1745: Here's my suggestion - it comes in two steps:\r\n* When the popup is created specify `autoPanPadding: [100, 100]` or similar in the options so that there is some padding from the edge of the map when it opens.\r\n* Rather than panning to the popup after opening, pan to the route before doing so by doing `panInsideBounds(polyline.getBounds().pad(0.05))` on the map so that the map pans back to the route but without changing zoom.\r\nThat way we ensure the user is looking at the route if they have panned away, and we prevent popups being to close to the edge, but without constantly panning the map to keep it dead centre."}],"action":{"name":"View Pull Request","url":"https://github.com/openstreetmap/openstreetmap-website/pull/1745#issuecomment-365113871"}}}</script>