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;
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;
GoogleMaps具有允许链接的功能,可以将用户的IP位置列入,并将地图查找路由到指定的目标位置(例如https://www.google.com/maps/maps/dir/current+locatio.....
$(function(){ var polygon = null; var draggable = true; ... </desc> <question vote="0">我试图在地图上显示突尼斯地图,没有显示我的JavaScript的代码:<p> </p><code><script> $(function () { var polygon = null; var draggable = true; initialize(); function initialize() { // Create map for polygon drawing var map = L.map("map").setView([34, 9], 6); polygon = new MultiPolygon(map, $("#polygon-name").val()); // Create tunisiaMap as background L.tileLayer("https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png", { maxZoom: 19, attribution: 'Map data © <a href="https://openstreetmap.org">OpenStreetMap</a> contributors', }).addTo(map); var totalLatLng = "(24.99539, 121.51033)|(25.02277, 121.53368)|(25.05295, 121.49935)|(25.01624, 121.44579)|(24.99508, 121.48252)"; // Ajoutez ici les autres valeurs de totalLatLng var coords = new Array(); // Add markers for polygon coordinates var splitLatLng = totalLatLng.split("|"); for (var i = 0; i < splitLatLng.length; i++) { var latlng = splitLatLng[i] .trim() .substring(1, splitLatLng[i].length - 1) .split(","); if (latlng.length > 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 'C' press updateCoords(); $(window).keyup(function (e) { if (e.keyCode == 67) { updateCoords(); } }); $("#allow-dragging").click(function () { draggable = !draggable; polygon.setAllowDragging(draggable); if (draggable) { $(this).html("Disable Dragging"); } else { $(this).html("Enable Dragging"); } }); $("#new-polygon").click(function () { polygon.createNewPolygon(); }); $("#clear-all").click(function () { polygon.deleteAllPolygons(); }); $("#update-polygon").click(function () { polygon.setName($("#polygon-name").val()); polygon.panToPolygon(); }); } function updateDetails(p) { updateCoords(); } function updateCoords(e) { var polys = polygon.getPolygons(); var multi_coords = polygon.getPolygonCoordinates(); $(".coords").empty(); for (var j in multi_coords) { var name = $("<h3>" + polys[j].name + "</h3>").addClass( polys[j].name, ); if (polys[j].selfIntersects()) { name.css("color", "red"); } $(".coords").append(name); var coords = multi_coords[j]; for (var i in coords) { var c = $("<li>").html( coords[i].lat + ", " + coords[i].lng, ); $(".coords").append(c); } $(".coords").append("<hr/>"); } } }); </script> </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("https://tile.openstreetmap.org/{z}/{x}/{y}.png", { attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors', }).addTo(map); </code><pre> </pre>我认为您可以检查网络以查找有关错误的更多数据!好看!</p> <pre> </pre><p>
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)
如何在OpenStreetMap上整齐地绘制路边的边缘? 我想整齐地叠加层层,代表图像中的OpenStreetMap地图顶部的路基的边缘。打开路边示例 也就是说,我想要的线条将完全排成一个wi ...
OSMDATA_SF返回无法执行http请求curl :: curl_fetch_memory()r?
<- getbb('North Goa, India') q <- opq(bbox = bb, osm_types = c("node", "way", "line...
我已经将一些OSM数据导入了3D应用程序中,但是与OSM网站上的地图相比,坐标似乎在经度轴上略有扭曲。
我按原样将纬度和经度值“翻译”到x/z坐标中。我是否需要与经度值相乘才能摆脱伸展的特殊价值?
我的 JSON 文件: [ { “坐标”:[45.464743,9.189135799999999], “Indirizzo”:“米兰大教堂广场自行车共享” }, { “坐标”:[45.466429...
我正在尝试将 webview 和 webengine 添加到 java 中。 当我用 openstreetmap 尝试时,这不是问题。 <p>我正在尝试将 webview 和 webengine 添加到 java 中。</p> <p>当我用openstreetmap尝试时,这不是问题。</p> <pre><code><html> <head> <script src="http://www.openlayers.org/api/OpenLayers.js"></script> <script src="http://www.openstreetmap.org/openlayers/OpenStreetMap.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script> var map; var markers = new OpenLayers.Layer.Markers("Markers"); function start() { map = new OpenLayers.Map("mapdiv"); map.addLayer(new OpenLayers.Layer.OSM()); var lonlat = new OpenLayers.LonLat(4.7860003, 51.5891643) .transform( new OpenLayers.Projection("EPSG:4326"), 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("EPSG:4326"), 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(); } </script> </head> <body onload="start()"> <div id="mapdiv"></div> </body> </html> </code></pre> <p>当我尝试传单时,因为传单有路由选项:</p> <pre><code>`<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Leaflet Map with Directions</title> <link rel="stylesheet" href="https://unpkg.com/leaflet/dist/leaflet.css" /> <link rel="stylesheet" href="https://unpkg.com/leaflet-routing-machine/dist/leaflet-routing-machine.css" /> <script src="https://unpkg.com/leaflet/dist/leaflet.js"></script> <script src="https://unpkg.com/leaflet-routing-machine/dist/leaflet-routing-machine.js"></script> </head> <body style="margin: 0; padding: 0;"> <div id="map" style="height: 100vh;"></div> <script> var map = L.map('map').setView([52.0484, 5.9475], 10); L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors' }).addTo(map); L.Routing.control({ waypoints: [ L.latLng(51.79510, 5.02421), L.latLng(52.22336, 6.87060) ], }).addTo(map); </script> </body> </html>` </code></pre> <p>我得到了奇怪的东西。我认为这是因为旧的 javaFX Web 引擎,它无法渲染 javascript。现在我在奇怪的地图上得到了奇怪的叠加。</p> <p>我还尝试在我的 JavaFX Maven 中添加: chromiumembedded-java-cef 但它太困难并且没有简单的说明。</p> <p>我在 JavaFX 中加载它的方式:</p> <pre><code>try { URL url = new File("src/main/resources/mapOplaadpaal.html").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("https://leafletjs.com/"); 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>