openstreetmap 相关问题

OpenStreetMap是一个可以自由编辑的全世界地图。 OpenStreetMap允许您从地球上的任何地方以协作方式查看,编辑和使用地理数据。


openstreetMap-如何获取城市的所有地址和房屋数字

[out:json][timeout:300]; area(3600040767)->.searchArea; ( node["addr:housenumber"](area.searchArea); way["addr:housenumber"](area.searchArea); relation["addr:housenumber"](area.searchArea); ); out body; >; out skel qt;

回答 1 投票 0

OPESTREETMAP OSM-如何获取城市的所有地址和房屋数字

[out:json][timeout:300]; area(3600040767)->.searchArea; ( node["addr:housenumber"](area.searchArea); way["addr:housenumber"](area.searchArea); relation["addr:housenumber"](area.searchArea); ); out body; >; out skel qt;

回答 1 投票 0

从IP位置到目标的OSM路线

GoogleMaps具有允许链接的功能,可以将用户的IP位置列入,并将地图查找路由到指定的目标位置(例如https://www.google.com/maps/maps/dir/current+locatio.....

回答 1 投票 0

用OpenStreetMap和多边形添加突尼斯的地图

$(function(){ var polygon = null; var draggable = true; ... </desc> <question vote="0">我试图在地图上显示突尼斯地图,没有显示我的JavaScript的代码:<p> </p><code>&lt;script&gt; $(function () { var polygon = null; var draggable = true; initialize(); function initialize() { // Create map for polygon drawing var map = L.map(&#34;map&#34;).setView([34, 9], 6); polygon = new MultiPolygon(map, $(&#34;#polygon-name&#34;).val()); // Create tunisiaMap as background L.tileLayer(&#34;https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png&#34;, { maxZoom: 19, attribution: &#39;Map data © &lt;a href=&#34;https://openstreetmap.org&#34;&gt;OpenStreetMap&lt;/a&gt; contributors&#39;, }).addTo(map); var totalLatLng = &#34;(24.99539, 121.51033)|(25.02277, 121.53368)|(25.05295, 121.49935)|(25.01624, 121.44579)|(24.99508, 121.48252)&#34;; // Ajoutez ici les autres valeurs de totalLatLng var coords = new Array(); // Add markers for polygon coordinates var splitLatLng = totalLatLng.split(&#34;|&#34;); for (var i = 0; i &lt; splitLatLng.length; i++) { var latlng = splitLatLng[i] .trim() .substring(1, splitLatLng[i].length - 1) .split(&#34;,&#34;); if (latlng.length &gt; 1) { coords.push(L.latLng(latlng[0], latlng[1])); } } polygon.addPolygon(coords, true); polygon.setCreatePolygonsCallback(updateDetails); polygon.setAllowDragging(draggable); polygon.setEditable(true); // Update coordinates displayed on &#39;C&#39; press updateCoords(); $(window).keyup(function (e) { if (e.keyCode == 67) { updateCoords(); } }); $(&#34;#allow-dragging&#34;).click(function () { draggable = !draggable; polygon.setAllowDragging(draggable); if (draggable) { $(this).html(&#34;Disable Dragging&#34;); } else { $(this).html(&#34;Enable Dragging&#34;); } }); $(&#34;#new-polygon&#34;).click(function () { polygon.createNewPolygon(); }); $(&#34;#clear-all&#34;).click(function () { polygon.deleteAllPolygons(); }); $(&#34;#update-polygon&#34;).click(function () { polygon.setName($(&#34;#polygon-name&#34;).val()); polygon.panToPolygon(); }); } function updateDetails(p) { updateCoords(); } function updateCoords(e) { var polys = polygon.getPolygons(); var multi_coords = polygon.getPolygonCoordinates(); $(&#34;.coords&#34;).empty(); for (var j in multi_coords) { var name = $(&#34;&lt;h3&gt;&#34; + polys[j].name + &#34;&lt;/h3&gt;&#34;).addClass( polys[j].name, ); if (polys[j].selfIntersects()) { name.css(&#34;color&#34;, &#34;red&#34;); } $(&#34;.coords&#34;).append(name); var coords = multi_coords[j]; for (var i in coords) { var c = $(&#34;&lt;li&gt;&#34;).html( coords[i].lat + &#34;, &#34; + coords[i].lng, ); $(&#34;.coords&#34;).append(c); } $(&#34;.coords&#34;).append(&#34;&lt;hr/&gt;&#34;); } } }); &lt;/script&gt; </code><pre> </pre><p><img src="https://cdn.txt58.com/i/AWkuc3N0YXRpYy5uZXQvWGdtcGQucG5n" alt="enter image description here"/> </p>试图展示突尼斯的地图,期望显示突尼斯和多边形的地图,我尝试了多种解决方案,但没有办法,我正在使用flaflet<p> </p> </question> 我认为您应该在<answer tick="false" vote="-1"><code>initialize</code><p>函数中添加此代码:<pre> </pre><code>raster = new ol.layer.Tile({ source: new ol.source.OSM() }); </code></p> 您没有为您的地图定义任何来源。 <pre> </pre> <p>,我的最后一个答案是</p><code>open layer</code></answer>图书馆!对于传单,您应该添加此信息:<answer tick="false" vote="-1"> <p><code>L.tileLayer(&#34;https://tile.openstreetmap.org/{z}/{x}/{y}.png&#34;, { attribution: &#39;&amp;copy; &lt;a href=&#34;https://www.openstreetmap.org/copyright&#34;&gt;OpenStreetMap&lt;/a&gt; contributors&#39;, }).addTo(map); </code><pre> </pre>我认为您可以检查网络以查找有关错误的更多数据!好看!</p> <pre> </pre><p>

回答 0 投票 0




设定的传单标记始终留在地图的中间 我正在从事一个Sveltekit项目,我们使用feaflet.js从Google Maps到OpenStreetMap。使用Google Maps,我们有一个标记,即使Pann ...

currentPositionMarker = new L.marker(map.getCenter(), { icon: icon // icon is defined earlier in the code }).addTo(map) ... function centerMarkerOnMap(map) { currentPositionMarker.setLatLng(map.getCenter()) } ... map.on('moveend', centerMarkerOnMap)

回答 1 投票 0





估计openstreetMap

Https://wiki.openstreetmap.org/wiki/key:Highway

回答 1 投票 0


OSMDATA_SF返回无法执行http请求curl :: curl_fetch_memory()r?

<- getbb('North Goa, India') q <- opq(bbox = bb, osm_types = c("node", "way", "line...

回答 1 投票 0

我已经将一些OSM数据导入了3D应用程序中,但是与OSM网站上的地图相比,坐标似乎在经度轴上略有扭曲。

我按原样将纬度和经度值“翻译”到x/z坐标中。我是否需要与经度值相乘才能摆脱伸展的特殊价值?

回答 2 投票 0

回答 1 投票 0

如何读取带有坐标的 JSON 文件并将其绘制在地图上?

我的 JSON 文件: [ { “坐标”:[45.464743,9.189135799999999], “Indirizzo”:“米兰大教堂广场自行车共享” }, { “坐标”:[45.466429...

回答 3 投票 0

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

最新问题
© www.soinside.com 2019 - 2025. All rights reserved.