openstreetmap 相关问题

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

为什么有些地址(而不是其他地址)在 nominatim.openstreetmap.org 上给出错误?

我正在使用 PHP 通过 OpenStreetMap 对一些地址进行地理编码。这是我的代码: $addr = '巴西利亚/DF,巴西'; $url = 'https://nominatim.openstreetmap.org/search?q='.str_replace(' ','+',$addr).'&fo...

回答 1 投票 0

如何向颤动地图添加多个标记

我对飞镖(扑动)还很陌生(两天后),所以我很裸。我正在尝试在我的 flutter 应用程序中向我的开放街道地图添加标记。我有一个 csv 文件,其中包含我想要添加的所有点,看起来......

回答 1 投票 0

如何使用selenium访问svg对象内的元素

我正在尝试使用 Selenium 从 OpenStreetBrowser 访问速度数据,但无法访问网站的 SVG 元素。 这是我到目前为止所尝试过的 从硒导入网络驱动程序 来自瑟伦...

回答 1 投票 0

在Android中离线打开街道地图

我有一个项目也需要以离线模式显示地图数据。我用过 OpenStreet 地图。我已经为我的区域下载了 .PBF 文件。我想从 andr 访问这些地图文件...

回答 2 投票 0

if 语句内的正则表达式跨越 OpenStreerMap

我正在尝试结合 OSM Overpass 风格的 2 个功能:if 语句 + 正则表达式。 例子 : [输出:json][超时:50]; 区域[“name”=“巴黎”][admin_level=8]->.sear...

回答 1 投票 0

如何使我的两个 R leaflet 地图彼此同步?

我在 R 中为一些数据实现 Leaflet 包取得了一些不错的成功。 我还设法将两张地图并排放置为网格并同步。 我有两个问题: 1) 同步...不...

回答 2 投票 0

如何在 flutter 应用程序中显示地图,而不是在 Web 视图中打开它

导入'包:flutter/material.dart'; 导入'包:flutter_map/flutter_map.dart'; 导入“包:latlong2/latlong.dart”; 导入“包:zuri_health/models/hospital/hospital.dart”; 班级

回答 1 投票 0

根据 PostGIS 中的缩放级别合并和重新分段道路

我想在开放街道地图上画出好的/坏的道路。 我将所有道路分成小段,并根据道路损坏情况对其进行着色。当我缩小地图时,我会得到巨大的分段列表,这使得...

回答 1 投票 0

PostGIS。将道路分割为路段并将路段合并为道路

我想在开放街道地图上画一条好/坏的道路。 我将所有道路分成小段,并根据道路损坏情况对其进行着色。 当我缩小地图时,我会得到巨大的段列表,这使得......

回答 1 投票 0

如何在 Expo/React-Native 中使用 MapView 库仅显示下载的地图图块而不显示默认的 Apple/Google 地图

我正在使用 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>

回答 1 投票 0

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

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

回答 2 投票 0

OpenStreetMap - 兴趣点元数据

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

回答 1 投票 0

E/FrameEvents(6080):updateAcquireFence:未找到框架。我该如何解决这个问题?

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

回答 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: '&copy; <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> 查看上面的结果

回答 1 投票 0

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

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

回答 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 src="js/osm/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>

回答 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://

回答 1 投票 0

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

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

回答 1 投票 0

如何使用pyrosm加载地图?

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

回答 1 投票 0

为什么在 R 中使用 osmdata 进行映射时会得到相邻状态?

我正在尝试使用 R 中的 osmdata 和 ggplot 生成路易斯安那州及其教区(即县)的地图。这是我目前所在的位置: 库(osmdata) 库(ggplot2)

回答 2 投票 0

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