OpenStreetMap是一个可以自由编辑的全世界地图。 OpenStreetMap允许您从地球上的任何地方以协作方式查看,编辑和使用地理数据。
我在尝试通过 flutter_osm 获取当前位置时收到此错误:“此表达式的类型为 'void',因此无法使用其值”
我遇到的错误消息表明 currentLocation() 方法被定义为返回 Future,这意味着它不返回任何值,因此我无法分配其结果...
如何去除标记中的蓝色背景? 使用默认图标和自定义图标(具有透明背景的 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); 发现你正在使用pico.css(我相信适合你的特定目的) 供您参考,pico css 会将背景和边框颜色应用于许多元素,并且它会影响您的标记背景和边框 对于您的情况,如果您想删除标记周围的蓝色,方法之一是在 pico.css 下方添加以下内容: <style> [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; } </style> 另一方面,如果您不需要阴影,请将其注释掉: // shadowUrl: '', // shadowSize: [50, 64], // shadowAnchor: [4, 62], 因此整个代码(标记周围没有背景颜色)但保留 pico.css 的使用将是 <!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="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; } [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> 上述代码的结果
Google Maps Sdk 是否可以免费使用 net8 MAUI 以编程方式添加标记?
我们有一个适用于 android 和 ios 的 net 8 maui 移动应用程序,它使用 Microsoft.Maui.Controls.Maps。对于 Android 平台,我们有一个从 google 地图平台获取的 api 密钥。该 api 密钥受到限制
在 JMapViewer 中在两个地理点之间画线 与这个问题相同(但由于这是一个老问题,我想我可以获得更新的答案),我如何创建一条线(具体来说我要......
GDAL ogr2ogr 将 OSM 数据导入 PostGIS 时花费的时间太长
我正在尝试使用 GDAL 和 ogr2ogr 将整个星球 OSM (OpenStreetMap) 数据导入到 PostGIS 数据库中。然而,这个过程已经持续了6天,仍然没有结束。 在这里’...
我正在尝试使用 OpenStreetMap 实现餐厅搜索,它可以与 Google 搜索类似地纠正拼写错误。例如,如果用户输入“Tresch”,它仍然应该找到餐厅“Brasserie
我想编写一个程序,能够使用OSM和Itinero库(http://www.itinero.tech/)计算从A点到B点的行驶时间 目前我正在做以下事情: 下载...
如何获得描述街道互连和估计驾驶时间的图表,并使用 Python 解析它? 作为练习,我正在尝试实现一个基本的 A* 规划器来绘制
我目前正在开发一个路径映射 Next.js React 应用程序,我从 OpenStreetMap 获取数据并使用传单折线在地图上说明路径。有些小径有标签 oneway= 'yes',我
破碎的原型图(pmtiles)河流渲染,传单和maplibregl
我正在尝试使用 Apache 提供的自托管 Protomaps 文件来设置 OpenStreetMap。 Leaflet 和 MaplibreGL 也会出现同样的错误。 maplibreGL 是我想在应用程序中使用的。 我尝试删除...
对于一个小型设计项目,我想使用 OpenStreetMaps 中的一些地理数据。 让我们用来自德国海岸小村庄 Greetsiel 的数据来说明这个问题。 我使用以下...
我正在使用 osmium 工具来过滤 Planet.osm.pbf 文件中的一些数据,以便将该数据注入 Nominatim docker 中。 这是我的命令:osmium Tags-filter Planet-latest.osm.pbf place=
Protobuf-net 错误:类型不是预期的,无法推断出合约:BlockHeader
尝试通过遵循此线程以及其他来源的信息来使 openstreetmap pbf 文件的反序列化正常工作: Protobuf-net 反序列化开放街道地图 我现在...
我正在考虑为 OSM 数据的一个非常小的子集生成一些向量 mbtile,即在有限区域内带有铁路标签的任何内容。 Railways:* 的命名空间相当大,我...
Fragment - 由于 mWriter 为空,TileLoader 无法加载图块(onPause 和 onResume 后显示消息)
我目前正在开发一个需要地图的android apk。我正在使用 osmdroid 库。 org.osmdroid:osmdroid-android:6.1.17 我还使用片段(仅 2 个),并且 mapView 位于第一个
GeoDjango 管理员在管理中显示 openlayers 地图而不是开放街道地图
我已经启用了在数据库和 django 设置级别处理空间数据所需的一切,我的配置文件模型有一个 default_location 字段,它是一个 PointField。如下图所示。 来自 Django。
如何将OpenStreetMap集成到react-native项目中?
我正在尝试将 OpenStreetMap 集成到 React Native 项目中。但我在他们的 GitHub 帐户中找不到任何库或与 React Native 相关的任何内容。 我能找到的唯一与 t...
我已经从http://download.geofabrik.de/europe.html下载了英国的.osm.pbf文件,我希望能够提取每个节点的所有纬度和经度。这可能吗? 如果我能得到它就好了
自托管 OpenRouteService (Python) 地理编码错误
我正在使用 Docker 来托管 openrouteservice。我试图从该地址的字符串表示形式获取一组坐标。为此,我发现您需要 pelias_search,但出于某些原因......
我的 config.json 中有两个数据源 “数据”: { “开放地图”:{ "mbtiles": "瓷砖.mbtiles" }, “星巴克”:{ “mbtiles”:“