direction 相关问题

UI元素在特定方向上的移动或方向。这仅限于用户界面。一些示例用途是游戏中的玩家移动或UI中的主要元素旋转/动画。使用[directions]进行地图导航。

javaFX 中的 WebView 未正确显示传单地图

我正在尝试将 webview 和 webengine 添加到 java 中。 当我用 openstreetmap 尝试时,这不是问题。 <p>我正在尝试将 webview 和 webengine 添加到 java 中。</p> <p>当我用openstreetmap尝试时,这不是问题。</p> <pre><code>&lt;html&gt; &lt;head&gt; &lt;script src=&#34;http://www.openlayers.org/api/OpenLayers.js&#34;&gt;&lt;/script&gt; &lt;script src=&#34;http://www.openstreetmap.org/openlayers/OpenStreetMap.js&#34;&gt;&lt;/script&gt; &lt;script src=&#34;https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js&#34;&gt;&lt;/script&gt; &lt;script&gt; var map; var markers = new OpenLayers.Layer.Markers(&#34;Markers&#34;); function start() { map = new OpenLayers.Map(&#34;mapdiv&#34;); map.addLayer(new OpenLayers.Layer.OSM()); var lonlat = new OpenLayers.LonLat(4.7860003, 51.5891643) .transform( new OpenLayers.Projection(&#34;EPSG:4326&#34;), map.getProjectionObject() ); var zoom = 12; map.addLayer(markers); map.setCenter(lonlat, zoom); } function addPin(lon, lat) { var lonlat = new OpenLayers.LonLat(lon, lat) .transform( new OpenLayers.Projection(&#34;EPSG:4326&#34;), map.getProjectionObject() ); theMarker = new OpenLayers.Marker(lonlat); markers.addMarker(theMarker); map.addLayer(markers); var zoom = 16; // Adjust the zoom level as desired map.setCenter(lonlat, zoom); } function removePins() { markers.clearMarkers(); } &lt;/script&gt; &lt;/head&gt; &lt;body onload=&#34;start()&#34;&gt; &lt;div id=&#34;mapdiv&#34;&gt;&lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>当我尝试传单时,因为传单有路由选项:</p> <pre><code>`&lt;!DOCTYPE html&gt; &lt;html lang=&#34;en&#34;&gt; &lt;head&gt; &lt;meta charset=&#34;UTF-8&#34;&gt; &lt;meta name=&#34;viewport&#34; content=&#34;width=device-width, initial-scale=1.0&#34;&gt; &lt;title&gt;Leaflet Map with Directions&lt;/title&gt; &lt;link rel=&#34;stylesheet&#34; href=&#34;https://unpkg.com/leaflet/dist/leaflet.css&#34; /&gt; &lt;link rel=&#34;stylesheet&#34; href=&#34;https://unpkg.com/leaflet-routing-machine/dist/leaflet-routing-machine.css&#34; /&gt; &lt;script src=&#34;https://unpkg.com/leaflet/dist/leaflet.js&#34;&gt;&lt;/script&gt; &lt;script src=&#34;https://unpkg.com/leaflet-routing-machine/dist/leaflet-routing-machine.js&#34;&gt;&lt;/script&gt; &lt;/head&gt; &lt;body style=&#34;margin: 0; padding: 0;&#34;&gt; &lt;div id=&#34;map&#34; style=&#34;height: 100vh;&#34;&gt;&lt;/div&gt; &lt;script&gt; var map = L.map(&#39;map&#39;).setView([52.0484, 5.9475], 10); L.tileLayer(&#39;https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png&#39;, { attribution: &#39;&amp;copy; &lt;a href=&#34;https://www.openstreetmap.org/copyright&#34;&gt;OpenStreetMap&lt;/a&gt; contributors&#39; }).addTo(map); L.Routing.control({ waypoints: [ L.latLng(51.79510, 5.02421), L.latLng(52.22336, 6.87060) ], }).addTo(map); &lt;/script&gt; &lt;/body&gt; &lt;/html&gt;` </code></pre> <p>我得到了奇怪的东西。我认为这是因为旧的 javaFX Web 引擎,它无法渲染 javascript。现在我在奇怪的地图上得到了奇怪的叠加。</p> <p>我还尝试在我的 JavaFX Maven 中添加: chromiumembedded-java-cef 但它太困难并且没有简单的说明。</p> <p>我在 JavaFX 中加载它的方式:</p> <pre><code>try { URL url = new File(&#34;src/main/resources/mapOplaadpaal.html&#34;).toURI().toURL(); engine.load(url.toString()); } catch (Exception e) { System.out.println(e.getMessage()); } </code></pre> <p>我只是想要一张显示路线的地图。</p> <p>带导航的工作传单地图</p> </question> <answer tick="false" vote="1"> <p>是的,从 JavaFX 21 开始,传单地图无法在 WebView 中正确显示。</p> <p>传单地图显示为图块。 地图的图块不会全部显示,并且显示的图块通常位于错误的位置。 这使得地图损坏且无用。</p> <p>没有可用的解决方法。</p> <p>测试应用:</p> <pre><code>import javafx.application.Application; import javafx.scene.Scene; import javafx.scene.web.WebView; import javafx.stage.Stage; public class MapApp extends Application { @Override public void start(Stage stage) { WebView webView = new WebView(); webView.getEngine().load(&#34;https://leafletjs.com/&#34;); webView.getEngine().setOnError(System.out::println); stage.setScene(new Scene(webView)); stage.show(); } public static void main(String[] args) { launch(args); } } </code></pre> </answer> <answer tick="false" vote="0"> <p>我已将 leaflet 降级至 v1.8.0,以使其适用于 JavaFX 23 和 21。</p> </answer> </body></html>

回答 0 投票 0

如何让这个水平菜单开始从右向左滚动?

您可以在此处查看菜单的完整演示代码: https://codepen.io/testkart/pen/OJBJZbp document.addEventListener("DOMContentLoaded", function () { const scrollImages = document.querySe...

回答 0 投票 0

UIScrollView滚动方向

我正在使用 UIScrollView 在 3 个不同的 UIView 之间水平滚动(我称它们为页面,因为我有scrollView.pagingEnabled = YES;)。每个页面也可以垂直滚动。我的问题...

回答 1 投票 0

从子路线数组中找到每一步的平衡方向

我有一组位于定义的 bbox 内的子路线。 我想从起点导航到终点而不与障碍物(以黑色标记)碰撞。 因为我有

回答 1 投票 0

地图方向线未显示在地图上

尝试在用户位置到定义位置之间给出方向线。精确定位正确且准确地位于所需位置,但没有“线”方向将用户位置引导至

回答 2 投票 0

如何使用Excel VBA更改Word文档中的文本方向

我在Excel VBA中创建了一个程序,用于将Word文档内容复制到邮件正文。 我想改变一篇文字的方向。 我尝试了.ParagraphFormat.Alignment。 子 sendMail() 暗淡如 Outlook。

回答 3 投票 0

CSS 选择具有内联和/或父样式(或类)的元素

我有一个这样的文档: ... 一些元素遵循身体的方向 <... 我有一个这样的文件: <html> ... <body style="direction: rtl;"> <div class="col-ml-auto"> some elements following body's direction </div> ... <div class="col-ml-auto" style="direction: ltr;"> some elements forced to be ltr </div> </body> </html> 我可以使用以下语法选择父方向元素: .col-ml-auto{margin-left:auto} [style*="rtl"] .col-ml-auto{margin-left:unset;margin-right:auto} 它选择普通元素,但内联方向没有效果。 我可以使用以下语法选择内联定向元素: .col-ml-auto{margin-left:auto} .col-ml-auto[style*="rtl"]{margin-left:unset;margin-right:auto} 它选择内联定向元素,但不选择父定向元素,那么如何处理两者? 你不会有一个基于CSS可以设置的选择器,这会创建一个循环。例如,如果我们有一个假设的 :direction() 伪选择器,它对 CSS 设置的方向敏感,那么像 :direction(ltr) { direction: rtl; } 这样的规则会阻止引擎。 但是,即使你所有的方向规则都是在内联 style="" 属性中设置的,并且即使你确定你将 never 拥有类似 style="direction:rtl; direction: ltr;" 的东西,我怀疑你会找到一个能够区分最接近父级匹配 A 的元素以及最接近 B 的元素。 因此,最好的选择可能是在这里利用继承,例如将要设置的所有样式声明为--css-variables。然后,(仍然假设所有方向都是通过 style="" 属性设置的),你可以做类似的事情 [style*=direction][style*=rtl] { --rule-1: rtl-value } [style*=direction][style*=ltr] { --rule-1: ltr-value; } [style*=direction][style*=rtl] { --rule-1: green } [style*=direction][style*=ltr] { --rule-1: red; } * { border: 1px solid var(--rule-1); } <body style="direction: rtl;"> <div class="col-ml-auto"> some elements following body's direction </div> ... <div class="col-ml-auto" style="direction: ltr;"> some elements forced to be ltr </div> </body>

回答 1 投票 0

使用 Flutter PageView 小部件双向滚动(从右到左 <=> 从左到右)

我在 flutter 中使用“PageView”小部件来水平显示图像列表 - 一次一张图像;我已经实现了下面的代码,它工作正常,但当尝试从右侧滚动时它不会滚动......

回答 1 投票 0

颤动中的从右到左 (RTL)

我使用 Flutter 已经超过一周了,想要创建一个阿拉伯语(从右到左)应用程序。 我正在阅读Internationalizing Flutter Apps,但它没有提到如何设置布局方向。 所以,...

回答 7 投票 0

如何更改 TextInput 内的输入样式

我使用了 React-Admin TextInput,我正在尝试创建一个从左到右的输入。我使用了 vintage-pugin-rtl 包,它使所有样式组件从右到左排列(可能使用脚本)。现在我想要

回答 0 投票 0

PolylineF 除了路径之外在点之间画直线

我使用 @react-google-maps/api 中的 PolylineF 在地图上绘制多边形。我有一些点,我从 google.maps.DirectionsService() 计算路线函数中的路径。第一次抽奖的时候...

回答 1 投票 0

Nginx 不定向

尝试配置Nginx site_enabled/patentpath.io 文件, 服务器 { 听80; 听[::]:80; 根/根/patentwriter/static; 索引index.html索引.htm索引.

回答 1 投票 0

css:dir =“rtl”VS style =“direction:rtl”

我知道当方向内联时如何设计样式 富 div[目录=“rtl”] { ....; } 但如何搭配风格 foo? 两者的行为...

回答 4 投票 0

如何使用excel vba更改word文档中的文本

我在Excel VBA中创建了一个程序,该程序从Word文档内容复制并将其粘贴到邮件正文中。但我尝试更改文档中一段文本的方向并使用了。

回答 1 投票 0

OSRM - 使用当前位置创建方向链接

这就是我想要做的。我有两个经纬度。一个是目标或终点,另一个是停止点。 我正在尝试在浏览器中打开地图,从个人或当前位置找到路线...

回答 1 投票 0

我想从右到左更改阿拉伯语文本的方向

任何人都可以帮助我吗?我正在为我的一位客户使用 webflow。该网站使用 Weglot 翻译阿拉伯语文本。我面临的问题是文本方向问题。当一个插件翻译...

回答 0 投票 0

OpenGL相机目标问题

我正在用C++实现一个3D迷宫游戏,使用OpenGL,摄像头在一个固定的位置,正好在迷宫的中间上方,也在看中间。它的工作原理和外观都符合我的要求,但是......。

回答 1 投票 0

设备默认布局方向改变 应用默认布局方向对语言的改变

最近,我收到用户的报告,关于应用程序的布局方向被破坏,并没有正确显示。我在style.xml中做了所有方向的ltr,但有些用户改变了手机语言。

回答 2 投票 0

沿着摄像机的方向旋转刚体。

我想用moverotation把物体向主摄像头的方向旋转,就像常见的第三人称射击游戏一样,但我不知道如何设置四元值或者其他`使用系统......。

回答 3 投票 0

我可以改变溢出的CSS堆叠向上移动吗?

我的页面有以下部分。我的页面底部的截图 基本上我有一个固定的div和一些按钮,我们显示在页面的底部。问题是,有时我们包括...

回答 2 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.