<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css" style="display:none;"><!-- P {margin-top:0;margin-bottom:0;} --></style>
</head>
<body dir="ltr">
<div id="divtagdefaultwrapper" style="font-size:12pt;color:#000000;font-family:Calibri,Helvetica,sans-serif;" dir="ltr">
<p style="margin-top:0;margin-bottom:0"></p>
<p style="font-family: Calibri, Helvetica, sans-serif, serif, EmojiFont; font-size: 16px;">
Hi,</p>
<p style="font-family: Calibri, Helvetica, sans-serif, serif, EmojiFont; font-size: 16px;">
<br>
</p>
<p style="font-family: Calibri, Helvetica, sans-serif, serif, EmojiFont; font-size: 16px;">
</p>
<p style="margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding: 0px; border: 0px; line-height: inherit; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif, serif, EmojiFont; font-size: 15px; vertical-align: baseline; clear: both; color: rgb(36, 39, 41);">
I am using Mapproxy to display map <a href="http://maps.stamen.com/toner/#3/49.78/-4.04" target="_blank" rel="noopener noreferrer" data-auth="NotApplicable" id="LPlnk432702" class="x_OWAAutoLink" style="margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; font-family: inherit; vertical-align: baseline; color: rgb(0, 119, 204);" previewremoved="true">http://maps.stamen.com/toner/#3/49.78/-4.04</a>.
 But the tiles are shown in wrong position. For example:</p>
<br style="font-family: Calibri, Helvetica, sans-serif, serif, EmojiFont; font-size: 16px;">
<p style="margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding: 0px; border: 0px; line-height: inherit; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif, serif, EmojiFont; font-size: 15px; vertical-align: baseline; clear: both; color: rgb(36, 39, 41);">
<a href="https://i.stack.imgur.com/JL7Ac.png" target="_blank" rel="noopener noreferrer" data-auth="NotApplicable" id="LPlnk281280" class="x_OWAAutoLink" style="margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; font-family: inherit; vertical-align: baseline; color: rgb(0, 119, 204);" previewremoved="true">Map
 without zoom:</a></p>
<p style="margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding: 0px; border: 0px; line-height: inherit; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif, serif, EmojiFont; font-size: 15px; vertical-align: baseline; clear: both; color: rgb(36, 39, 41);">
<a href="https://i.stack.imgur.com/Gn3Bn.png" target="_blank" rel="noopener noreferrer" data-auth="NotApplicable" id="LPlnk896875" class="x_OWAAutoLink" style="margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; font-family: inherit; vertical-align: baseline; color: rgb(0, 119, 204);" previewremoved="true">Map
 with one level zoom:</a></p>
<p style="margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding: 0px; border: 0px; line-height: inherit; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif, serif, EmojiFont; font-size: 15px; vertical-align: baseline; clear: both; color: rgb(36, 39, 41);">
More zoomed, the image looks even more odd.</p>
<p style="margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding: 0px; border: 0px; line-height: inherit; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif, serif, EmojiFont; font-size: 15px; vertical-align: baseline; clear: both; color: rgb(36, 39, 41);">
Mapproxy configuration:</p>
<pre style="margin-top: 0px; margin-bottom: 1em; padding: 5px; border: 0px; line-height: inherit; font-family: Consolas, Menlo, Monaco, "Lucida Console", "Liberation Mono", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", monospace, sans-serif; font-size: 13px; vertical-align: baseline; width: auto; max-height: 600px; overflow: auto; background-color: rgb(239, 240, 241); word-wrap: normal; color: rgb(36, 39, 41);">layers: 
  - name: StamenToner
    title: StamenMap
    sources: [stamen_cache]  

caches:
  stamen_cache:
    grids: [stamen_grid]
    sources: [stamen_wmts]

sources:  
  stamen_wmts:
    type: tile
    url: http://tile.stamen.com/toner/%(z)s/%(y)s/%(x)s.png
    grid: stamen_grid

grids:
    stamen_grid:
        srs: 'EPSG:3857'
        origin: 'nw'
        tile_size: [512, 512]      
</pre>
<p style="margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding: 0px; border: 0px; line-height: inherit; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif, serif, EmojiFont; font-size: 15px; vertical-align: baseline; clear: both; color: rgb(36, 39, 41);">
I have no idea why the tiles are in wrong position when zoomed. Any suggestions.</p>
<span style="font-family: Calibri, Helvetica, sans-serif, serif, EmojiFont; font-size: 16px;">Regards,</span>
<p style="font-family: Calibri, Helvetica, sans-serif, serif, EmojiFont; font-size: 16px;">
</p>
<p style="font-family: Calibri, Helvetica, sans-serif, serif, EmojiFont; font-size: 16px;">
Anil</p>
<br>
<p></p>
</div>
</body>
</html>