maps相关内容

通过 Leaflet 使用本地图块的 HTML 离线地图

有没有办法使用 HTML 和 JavaScript 完全离线显示给定区域的地图?我正在寻找一种适合移动设备(阅读支持 Cordova)的解决方案. 解决方案 在 这篇博文.我已经从中编译了一个完整的代码示例.步骤如下: 1.创建地图图块 下载Mobile Atlas Creator 创建一个具有 OSMdroid ZIP 格式的新图集 进行地图和缩放选择，将您的选择添加到地 ..
发布时间：2022-01-12 18:35:48 前端开发

如何在传单地图上突出显示选定的行?

我想画一张地图，上面画了几条路线. 我想要一个带有数字 1,..,n 的保管箱 当下拉框中的一个项目被选中时，相应的路线会在地图上突出显示. 我已经开始使用“传单"了. 如何突出显示一行?我使用了“重量"，但它更像是一条线的边界.我想看到这条线越来越粗. 这是我的代码: document.onload = loadMap();函数加载映射(){var map = ..
发布时间：2022-01-12 18:25:27 前端开发

悬停在集群组上的弹出窗口

我想在使用 Leaflet.markercluster 制作的集群组上添加弹出窗口，就像悬停在传单标记上的弹出窗口一样. 解决方案 借助leaflet.markercluster的github页面中存在的问题我能够找到答案 cluster.on('clustermouseover', function(c) {var popup = L.popup().setLatLng(c.layer ..
发布时间：2022-01-12 18:24:23 其他开发

传单重叠形状不透明度

下面是带有圆圈的传单 (http://leafletjs.com/) 地图的屏幕截图. 圆圈的不透明度为 0.5，您可以清楚地看到它们重叠的位置.是否可以添加样式规则以使重叠不具有更高的不透明度?传单似乎不支持这一点，但我想知道 css 是否可以做到这一点? 我希望能够显示红色圆圈的上方(即显示其下方的内容)并具有同质的颜色.将不透明度分配给一个是不可行的. 解决方案 AFAI ..
发布时间：2022-01-12 18:23:41 前端开发

生成给定距离的坐标，距中心的角度

我在地图 [x1,y1] 中有一个给定的中心.从那个中心我画一个半径为 1 英里的圆.我需要在圆周围再生成 8 个点，各个点到中心的距离应该是 1 英里，所以它们在圆的边界上.我确实知道得到 x2, y2 的公式，但问题是它不适用于地球地图，因为它不是一个完美的球体. 我尝试过使用 this，但没有成功. 谁能指出我的某个地方，或者我弄错了? 编辑:已解决！ 所以仔细阅读整 ..
发布时间：2022-01-12 18:21:57 前端开发

如何使用leaflet.js 在多个地图图例之间切换?

我正在使用leaflet.js 库根据统计数据创建多个地图.每个地图显示不同的值范围，因此当用户更改地图时更改图例会很好. 我在这个问题中找到了类似的例子，但我需要在两个以上的层之间切换.我尝试在代码中简单地添加更多“if"语句和逻辑运算符，但它不能正常工作: map.on('baselayerchange', function (eventLayer) {if (eventLayer.n ..
发布时间：2022-01-12 18:21:49 前端开发

Leafletjs:动态改变地图特征颜色

几天以来，我一直在寻找一种能够使用 Leaflet.js 动态更改不同地图特征(例如道路、水、建筑物、背景等)颜色的方法.我知道我们在 Mapbox 中使用 Mapbox GL 有这个选项.但我想知道这是否可以使用 leaflet.js 库来实现. 任何帮助/解决方法将不胜感激.谢谢 解决方案 默认情况下，Leaflet 只能渲染光栅图块(即普通图像，您无法轻松修改)和矢量形状(通常 ..
发布时间：2022-01-12 18:20:53 其他开发

传单:添加标记的链接

非常简单的问题:如何使 Leaflet 中的地图标记可点击并将用户引导到其他页面?每个标记都有自己的页面. 我尝试了以下方法但没有成功；不知何故，所有标记都指向同一个页面，这是最后分配的 URI. var 标记 = [{坐标:[51.505，-0.09]，uri:'/some-page'}，...];for(x 在标记中){L.marker(markers[x].coords).on('c ..
发布时间：2022-01-12 18:17:13 前端开发

使用传单 js 库旋转地图

我需要一个地图旋转功能，就像 openLayers 3 提供的一样(查看下面的示例): http://ol3js.org/en/master/示例/拖动旋转和缩放.html 有没有办法使用leafletjs 库或者使用自定义插件来做同样的事情? 解决方案 Leaflet 目前不支持地图旋转，因为它的全系列浏览器都不支持.这也不被插件支持，因为旋转逻辑需要在 Leaflet 核心 ..
发布时间：2022-01-12 18:14:55 其他开发

如何找到最近的标记leaflet.js

我想知道是否真的有某种方法可以使用 Leaflet.js 在我的位置附近找到标记.我想到的第一个想法是存储我的位置的 lat 和 lng，然后遍历一组 lat 和 lng 标记，将它们放在一个数组中，然后对该数组进行排序.我不确定这是否是一个不错的选择，因为如果您在地图上有一百万个标记需要一段时间. 伪代码 var myLatLng = [34,56];var 标记 = [[20,30], ..
发布时间：2022-01-12 18:13:49 前端开发

如何在传单地图上自定义触摸交互

如何自定义传单地图以在移动设备上禁用单指滚动并像谷歌地图一样添加两指滚动(请参阅 https://developers.google.com/maps/documentation/javascript/interaction) 我认为类似于手指向下和手指向上的监听器以及自定义覆盖或某事.这样应该会有所帮助.但是如何正确地将其作为插件集成到传单中? ..
发布时间：2022-01-12 18:10:13 其他开发

带有反应传单的自定义标记图标

我尝试了我在网络上找到的所有东西，Stackoverflow 和 Github，但仍然无法成功. 我想使用自定义图标制作自定义标记，但使用下面的代码时总是出现错误:'TypeError: options.icon.createIcon is not a function' 这是我的代码(文件夹路径没有错误，一切都在 src/js 或 src/img 中) 图标.js 从'lea ..
发布时间：2022-01-12 18:08:38 其他开发

用传单绘制特定国家的地图

我想用 R 的 leaflet 包来绘制特定国家的地图，例如意大利、西班牙等. 我使用函数 setView() 检查了基本示例，并尝试为纬度和经度 arg 提供两个值的向量: m %addTiles() %>% # 添加默认的 OpenStreetMap 地图瓦片setView(lng=c(46.00,48.00), lat=c(2.00,6.00), 缩放 = 4)m ..
发布时间：2022-01-12 18:08:32 其他开发

为传单中的标记分配 ID

所以我尝试在foursquare上实现结果:https://foursquare.com/explore?cat=drinks&mode=url&near=Paris 当您点击地图上的标记时，它会滚动浏览屏幕右侧列出的餐馆到临时餐厅，并通过 CSS 突出显示它.相反，当您点击列表中的餐厅时，它会在地图上突出显示它. 我正在使用 skobbler/传单.我想我可以通过动态修改 CSS 来实现这 ..
发布时间：2022-01-12 18:06:02 前端开发

使用 colorRampPalette 合并调色板并使用传单进行绘图

我正在尝试合并两个 colorRampPalette 方案以在 leaflet 中使用，并且一直在关注这个不错的 示例.该示例运行良好，但我似乎无法让它适用于我的工作，下面是可重现的示例.我正在使用 RdYlGn 调色板，我希望低于阈值的数字为深绿色，高于阈值的数字为更红色(跳过一些内部颜色). 对于我的示例，我的截止值是 nc$PERIMETER ..
发布时间：2022-01-12 18:04:26 其他开发

传单未在动态生成的 R markdown html knitr 中呈现

我创建了一个 R markdown 报告，其中部分和标签集是动态创建的. 我有一个问题，即在输出中未生成传单地图，而是在空白处生成.然而，它们确实在 R 工作室中渲染. 这是一张图片，显示了输出当前的外观以及它的外观. 这是我尝试过的代码: {r, echo = FALSE, results='asis', warning=FALSE, message=FALSE}对于(fil ..
发布时间：2022-01-12 18:01:48 其他开发

Leaflet.js - 点击时设置标记，拖动时更新位置

对于我正在处理的一个小项目，我需要能够在 Leaflet.js 驱动的图像地图上放置一个标记，并在它被拖动时更新该标记的位置.我使用下面的代码来尝试这个，但它失败了.我收到错误“未定义标记".我不知道为什么它不起作用 - 也许你们可以帮助我?;) 函数 onMapClick(e) {gib_uni();marker = new L.marker(e.latlng, {id:uni, icon:r ..
发布时间：2022-01-12 17:57:56 前端开发

在 LeafletJS 中使用自定义地图图像图块?

我的瓷砖是否需要遵守任何特定规格? 我有一个大的图像文件，我想用 LeafletJS 将它变成一个地图.我将使用 Python Imaging Library 将其切割成我需要的所有各种图块. 但是，我找不到任何有关在 Leaflet 中使用自定义地图的信息.我是否以某种方式向 Leaflet 提供 X、Y、Z 信息的范围?我是否给它每个图块的像素大小?它会自己解决这个问题吗? ..
发布时间：2022-01-12 17:47:31 其他开发