openstreetmap 相关问题

我正在使用 MapView 库在我的 React Native 应用程序中显示地图视图。我正在像这样使用 MapView 库在我的 React Native 应用程序中显示地图视图。 <View style={styles.container}> <MapView region={region} style={styles.map}> <UrlTile urlTemplate={dir}></UrlTile> </MapView> </View> 我在文件系统的文档目录中本地保存了打开的街道地图图块，并将其作为 Url 图块加载到应用程序中。 dir变量定义如下 const dir = FileSystem.documentDirectory + 'public/maps/{z}/{x}/{y}.png' 我遇到的问题是 MapView 只将我下载的图块放在默认的 Apple 地图之上，如果我缩小或离开下载图块的区域，它会显示默认地图。此外，当我放大或缩小下载的图块时，它会闪烁，我可以短暂地看到默认地图。我想要做的是仅显示从开放街道地图下载的图块，并将地图视图限制为我下载图块的区域。我被困在这里，如果这里有人知道如何解决这个问题，我将不胜感激。您可以使用 MapView 组件的提供程序 prop 以及 custom 磁贴 provider: <View style={styles.container}> <MapView region={region} style={styles.map} provider={PROVIDER_DEFAULT} customMapStyle={[]} > <UrlTile urlTemplate={tileProviderUrl} /> </MapView> </View>

reactjs react-native expo openstreetmap mapview

回答 1 投票 0

在 OSMNx 中查找到最近边缘的距离时发现错误的距离

代码您好，我正在尝试使用 OSMNx（OpenStreetMap + NetworkX）包查找到最近边缘的距离（以米为单位）。这是我的代码： def main(): 纬度 = 51.217309 经度 = 4.418449

python networkx openstreetmap osmnx

回答 2 投票 0

OpenStreetMap - 兴趣点元数据

单个标签从新西兰基督城的 osmnx 中提取了 434 列数据。代码：设施 = ox.geometries_from_place(位置, 标签={'设施': True} 有没有元数据

openstreetmap osmnx

回答 1 投票 0

E/FrameEvents（6080）：updateAcquireFence：未找到框架。我该如何解决这个问题？

无法显示指定位置。请在此处输入图像描述我设置：最小 SDK 21。编译sdk 34。 **同时授予此权限：** ACCESS_FINE_LOCATION --- ACCESS_COARSE_LOCATION --- INT...

android flutter dart flutter-dependencies openstreetmap

回答 1 投票 0

使用 pico.css 在传单中自定义放大缩小按钮

来自这个对传单中标记的自定义的答案：从标记中删除蓝色背景，现在我遇到以下问题： .html 文件：来自传单中标记定制的答案：从标记中删除蓝色背景，现在我遇到以下问题： .html 文件： <!DOCTYPE html> <html lang="it"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@picocss/pico@1/css/pico.min.css"> <link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css" integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY=" crossorigin=""/> <title>TITLE</title> </head> <body> <div id="map"></div> <script src="https://unpkg.com/[email protected]/dist/leaflet.js" integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo=" crossorigin=""></script> <script src="mapscript.js"></script> </body> </html> 样式.css： #map { height: 500px; } [role=button],button,input[type=button],input[type=reset],input[type=submit]{ --background-color:none; --border-color:none; } [role=button]:is([aria-current],:hover,:active,:focus),button:is([aria-current],:hover,:active,:focus),input[type=button]:is([aria-current],:hover,:active,:focus),input[type=reset]:is([aria-current],:hover,:active,:focus),input[type=submit]:is([aria-current],:hover,:active,:focus){ --background-color:none; --border-color:none; } .leaflet-control-zoom-in, .leaflet-control-zoom-out { background-image: none; text-indent: -9999px; background-repeat: no-repeat; background-size: cover; border: none; } .leaflet-control-zoom-in { background-image: url('./immagini/plus-circle-svgrepo-com.svg'); } .leaflet-control-zoom-out { background-image: url('./immagini/minus-circle-svgrepo-com.svg'); } 我无法理解如何从放大和缩小按钮中删除背景，因为我使用的是具有透明背景的 svg 文件。要修复使用 pico.css 后放大和缩小奇怪的外观，您可以使用以下行 padding: 0px 0px; 所以技巧是在 pico.css 之后应用以下内容 <style> [role=button],button,input[type=button],input[type=reset],input[type=submit]{ --background-color:none; --border-color:none; padding: 0px 0px; } [role=button]:is([aria-current],:hover,:active,:focus),button:is([aria-current],:hover,:active,:focus),input[type=button]:is([aria-current],:hover,:active,:focus),input[type=reset]:is([aria-current],:hover,:active,:focus),input[type=submit]:is([aria-current],:hover,:active,:focus){ --background-color:none; --border-color:none; } </style> 整个代码将是（作为示例）： <!DOCTYPE html> <html lang="en"> <head> <base target="_top"> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Quick Start - Leaflet</title> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@picocss/pico@1/css/pico.min.css"> <link rel="stylesheet" href="pico.css"> <link rel="shortcut icon" type="image/x-icon" href="docs/images/favicon.ico" /> <style> [role=button],button,input[type=button],input[type=reset],input[type=submit]{ --background-color:none; --border-color:none; padding: 0px 0px;; } [role=button]:is([aria-current],:hover,:active,:focus),button:is([aria-current],:hover,:active,:focus),input[type=button]:is([aria-current],:hover,:active,:focus),input[type=reset]:is([aria-current],:hover,:active,:focus),input[type=submit]:is([aria-current],:hover,:active,:focus){ --background-color:none; --border-color:none; } </style> <link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css" integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY=" crossorigin=""/> <script src="https://unpkg.com/[email protected]/dist/leaflet.js" integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo=" crossorigin=""></script> <style> html, body { height: 100%; margin: 0; } .leaflet-container { height: 400px; width: 600px; max-width: 100%; max-height: 100%; } </style> </head> <body> <div id="map" style="width: 600px; height: 400px;"></div> <script> const map = L.map('map').setView([51.505, -0.09], 13); const tiles = L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png', { maxZoom: 19, attribution: '© <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>' }).addTo(map); // const marker = L.marker([51.5, -0.09]).addTo(map); const LeafIcon = L.Icon.extend({ options: { // shadowUrl: '', iconSize: [32, 32], // shadowSize: [50, 64], iconAnchor: [22, 94], // shadowAnchor: [4, 62], popupAnchor: [-3, -76] } }); const greenIcon = new LeafIcon({iconUrl: 'https://developers.google.com/maps/documentation/javascript/examples/full/images/library_maps.png'}); const mGreen = L.marker([51.5, -0.09], {icon: greenIcon}).bindPopup('StackOverflow.com is good').addTo(map); </script> </body> </html> 查看上面的结果

javascript html leaflet openstreetmap

回答 1 投票 0

我想开发一个离线显示开放街道地图的iOS应用程序

我想开发一个离线显示开放街道地图的应用程序。我通过以下方式保存开放街道地图图块。 HomeViewController 类：UIViewController、GMSMapViewDelegate、

ios swift xcode chat openstreetmap

回答 1 投票 0

从标记中删除蓝色背景

如何去除标记中的蓝色背景？使用默认图标和自定义图标（具有透明背景的 png）会发生这种情况难道我做错了什么？如何去除标记中的蓝色背景？使用默认图标和自定义图标（具有透明背景的 png）会发生这种情况我做错了什么吗？ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@picocss/pico@1/css/pico.min.css"> <link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css" /> <title>Map with OpenStreetMap</title> <style> #map { height: 400px; } </style> </head> <body> <div id="map"></div> <script src="https://unpkg.com/[email protected]/dist/leaflet.js"></script> <script> var map = L.map('map').setView([45.418393, 10.969487], 13); // Replace with your default map center L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { maxZoom: 19, attribution: '© OpenStreetMap contributors' }).addTo(map); var marker = L.marker([45.410051797705904, 10.90330758434609]).addTo(map); </script> </body> </html> 尝试使用自定义图标，但仍然遇到同样的问题 var LogoPin = L.icon({ backgroundColor: 'transparent', iconUrl: './pin.png', shadowUrl: './shad.png', iconSize: [30, 47], // size of the icon [38,95] shadowSize: [50, 64], // size of the shadow*/ iconAnchor: [22, 94], // point of the icon which will correspond to marker's location shadowAnchor: [4, 62], // the same for the shadow*/ popupAnchor: [-3, -76] // point from which the popup should open relative to the iconAnchor }); L.marker([place.lat, place.lng], {icon: LogoPin}).addTo(map); 对于OpenStreetMap，使用自定义标记（yourown.png）的方法之一是使用OpenLayers.icon指定标记png（透明），然后将此图标用作OpenLayers.Marker，如下： var size = new OpenLayers.Size(32,32); var offset = new OpenLayers.Pixel(-(size.w/2), -size.h); var icon = new OpenLayers.Icon("https://developers.google.com/maps/documentation/javascript/examples/full/images/library_maps.png", size, offset); var markers = new OpenLayers.Layer.Markers("Markers") map.addLayer(markers); markers.addMarker(new OpenLayers.Marker(position, icon)); 所以你可以尝试以下（完全工作的代码） <div id="Map" style="height: 250px; width: 400px" ></div> <script src="http://www.openlayers.org/api/OpenLayers.js"></script>  <script> var lat = 55.676098; var lon = 12.568337; var zoom = 11; var fromProjection = new OpenLayers.Projection("EPSG:4326"); // Transform from WGS 1984 var toProjection = new OpenLayers.Projection("EPSG:900913"); // to Spherical Mercator Projection var position = new OpenLayers.LonLat(lon, lat).transform(fromProjection, toProjection); map = new OpenLayers.Map("Map"); var mapnik = new OpenLayers.Layer.OSM(); map.addLayer(mapnik); ////////////////// var size = new OpenLayers.Size(32,32); var offset = new OpenLayers.Pixel(-(size.w/2), -size.h); var icon = new OpenLayers.Icon("https://developers.google.com/maps/documentation/javascript/examples/full/images/library_maps.png", size, offset); var markers = new OpenLayers.Layer.Markers("Markers") map.addLayer(markers); markers.addMarker(new OpenLayers.Marker(position, icon)); ////////////////// disable default marker // var markers = new OpenLayers.Layer.Markers("Markers");//("Images/Icons/map-marker.png"); // map.addLayer(markers); // markers.addMarker(new OpenLayers.Marker(position)); //////////////// END map.setCenter(position, zoom); </script>

javascript html leaflet openstreetmap

回答 1 投票 0

使用 OSM 数据预填充 PostGIS 适用于 Docker Desktop，但不适用于 Azure 管道

当我通过在 Windows 笔记本上手动运行命令来构建下面的 Dockerfile 时 docker build -f Dockerfile --no-cache --tag postgis-berlin:16-3.4 \ --build-arg DOWNLOAD_URLS="https://

docker azure-pipelines postgis openstreetmap osm2pgsql

回答 1 投票 0

OSMNX：使用功能模块时处理属性的空数据框

我对 osmnx.features 模块的用法感到困惑。我的目标是找到瑞士指定城市的所有酒店和汽车旅馆。首先，我寻找市政当局的几何形状......

error-handling tags openstreetmap osmnx

回答 1 投票 0

如何使用pyrosm加载地图？

嗯，我想做的是打开地图，并使用两个地理参考点，尝试计算它们之间通过高速公路的距离。使用 ([https://pyrosm.readthedocs.io/en/latest/basics.h...