<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<p>Hi,</p>
<p>It is not currently possible. It will be possible when we'll
finish the migration from OpenLayers 2 to 6 but I don't know when.<br>
</p>
<div class="moz-cite-prefix">Le 20/04/2022 à 15:59, Vincent BONNAL a
écrit :<br>
</div>
<blockquote type="cite"
cite="mid:8ca124a3-3e58-8976-56cf-c337a1bc3bd2@cirad.fr">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
Hi.<br>
<br>
It's possible to embed a Lizmap in a third party site using an
iframe (with the code show in the menu share/permalink). I tested
this in a Wordpress article, the rendering is good. <br>
<br>
But when you visit the page with a smartphone, you get the classic
problem of online maps and finger navigation. Impossible to see
the rest of the page, you can't scroll to navigate in the rest of
the page... and it's difficult to put extra margins given the size
of the screens.<br>
<br>
Is it possible to pass a particular code to the iframe so that the
scrolling and zooming is done in multitouch (ie with two fingers)
as shown in this example of OpenLayers? <br>
<a class="moz-txt-link-freetext"
href="https://openlayers.org/en/latest/examples/two-finger-pan-scroll.html38"
moz-do-not-send="true">https://openlayers.org/en/latest/examples/two-finger-pan-scroll.html38</a><br>
<br>
I tried to find some documentation on this but I didn't see
anything on the subject...<br>
<br>
If you have an idea, it's should be nice.<br>
<br>
Thanks.<br>
Vincent.<br>
<br>
<br>
<br>
<fieldset class="moz-mime-attachment-header"></fieldset>
<pre class="moz-quote-pre" wrap="">_______________________________________________
Lizmap mailing list
<a class="moz-txt-link-abbreviated" href="mailto:Lizmap@lists.osgeo.org">Lizmap@lists.osgeo.org</a>
<a class="moz-txt-link-freetext" href="https://lists.osgeo.org/mailman/listinfo/lizmap">https://lists.osgeo.org/mailman/listinfo/lizmap</a>
</pre>
</blockquote>
<div id="grammalecte_menu_main_button_shadow_host" style="width:
0px; height: 0px;"></div>
</body>
</html>