leaflet相关内容

Leaflet.js 将地图集中在一组标记上

我正在使用 Leaflet.js 并希望通过某种方式将地图集中在我拥有的标记上,以便在页面启动时所有内容都在用户的视图中.如果所有标记都聚集在一个小区域中,我希望地图缩小到仍然显示所有标记的级别. 我知道谷歌地图有自动居中功能,但我将如何使用 Leaflet.js 来解决这个问题? 解决方案 您可以使用 L.LatLngBounds 来创建一个要缩放的区域. 首先,创建一个边界 ..
发布时间:2022-01-12 18:34:41 其他开发

R 和 Leaflet:如何跨多行排列标签文本

假设你有以下数据框: cities = data.frame(name = c('马德里','巴塞罗那','塞维利亚'),国家 = c('西班牙','西班牙','西班牙'),region = c('Comunidad de Madrid','Cataluña','Andalucia'),数据 = c(100, 200, 300),lng = c(-3.683333,2.166667,-6.083 ..
发布时间:2022-01-12 18:34:32 其他开发

结合 React 和 Leaflet 的好方法

我正在做一个结合 React 和 Leaflet 的项目,但我必须说我在语义方面遇到了一些困难. 由于大部分东西都是由 Leaflet 直接管理的,我不知道将 Leaflet 映射实例添加为 React 组件中的状态是否有意义. 在使用 Leaflet 创建标记时遇到同样的问题,因为它不返回任何内容,我真的没有任何东西可以渲染.逻辑本身对我来说似乎很模糊. 这是我开始制作的.它工 ..
发布时间:2022-01-12 18:34:23 前端开发

如何在 api 调用时使用 react-leaflet 添加多个标记?

在我之前的问题的上下文中,MapContainer, TileLayer, Marker, Popup .. React Leaflet 如何添加多个地点标记 用例是,当自行车从一个地方到另一个地方时,我需要展示骑自行车的人走过的距离. 解决方案 这里是例子.在 MapsComp 上: 声明一个状态变量来跟踪标记 在 comp 挂载时获取标记并将它们保存到变量中 ..
发布时间:2022-01-12 18:34:09 其他开发

传单:如何在 geojson 图层上使用自定义标记?

我正在尝试在 Leaflet 地图上放置一个 geojson,并且在我使用默认的蓝光标记之前一切正常. 现在我想使用一个自定义标记(一个小 .png 图标),并在下面更改了我的代码 var my_json;$.getJSON('../Dati/my-geojson.geojson', function(data) {my_json = L.geoJson(数据,{pointToLayer ..
发布时间:2022-01-12 18:33:52 其他开发

传单图层控件仅在单击时打开

有没有办法只在点击时打开传单图层控件? 默认情况下,它在鼠标悬停/鼠标移出时展开/折叠.我只想在点击时打开. 解决方案 鼠标悬停停止传播解决了这个问题.我在这里使用 d3,但它可以通过普通的 javascript 或 jQuery 轻松处理. d3.select(".leaflet-control-layers-toggle").on("mouseover", function ( ..
发布时间:2022-01-12 18:33:44 其他开发

无法在 webview 中移动地图

一个活动(MainActivity)调用一个片段(MainPage).该片段旨在打开本地资产 webview 文件 Map.html.它按预期工作,但地图不能用指尖移动.此功能在 Map.html 打开浏览器时可用.但是,左上角的放大缩小点击按钮确实有效. 是否有东西覆盖在 webview 上以便可以看到但不能滑动? 初始的AppCompatActivity(支持ActionBar)由 ..
发布时间:2022-01-12 18:33:34 移动开发

Leaflet.contextmenu 回调

我正在努力解决 Leaflet.contextmenu 库中的问题. 我有许多不同的地图,保存在一个全局数组中.然后我使用 contextmenu 选项在我的地图中有一个 contextmenu.当我想定义我的回调函数时,我无法访问我的 arrMap[id],因为该函数不知道我正在使用的 id. 我的问题是:如何将对象(例如 id)放入 Leaflet.contextmenu 库的回调 ..
发布时间:2022-01-12 18:33:09 前端开发

在传单中使用条形图和散点图的问题

我正在尝试在传单中同时使用散点图和条形图.日期表、传单和散点图工作正常.问题是当在传单中我们选择地图中的一些点时,条形图不起作用,如下图所示.为什么散点图可以正常工作,而条形图却不行? 如何解决这个问题?这是R代码: #R码图书馆(传单)图书馆(串音)图书馆(DT)图书馆(dplyr)库(htmltools)图书馆(摘要小部件)图书馆(情节)#devtools::install_githu ..
发布时间:2022-01-12 18:32:56 其他开发

Web 上的等距矩形地图

我计划为游戏的标记(图钉)构建在线地图,但我无法设置标记的正确纬度. 原始地图是一个2048*2048px的正方形 然后我得到了标记(数千个) 地图坐标使用从 0 到 100 的 x、y 表示法设置.0, 0 是地图的左上角,100, 100 是地图的右下角.x=50, y=50 就是 lat = 0°, lng = 0°(图片的中心). 为了从我的符号转换为经度,我使用这 ..
发布时间:2022-01-12 18:32:28 前端开发

传单 R 闪亮:选择 &飞涨

我正在开发一个带有闪亮和传单的工具:我希望当客户单击 vars 时(参见示例 NE 的 UI 代码),地图转到另​​一个视图,例如在纯传单中这样的示例: L.easyButton( 'NE', function(){//zoomTo.setView([55, -2], 4);map.setView([46.95, 6.85], 12);}).addTo(地图) ..
发布时间:2022-01-12 18:32:14 其他开发

如何在 react-leaflet 中调用 fitBounds 和 getBounds?

我不知道如何在 Leaflet 地图上调用 fitBounds(). 基本上,我试图在地图上显示多个标记并相应地调整视图(放大、缩小、飞到等).我还看到了一些示例 使用时如何调用 fitBounds()传单反应? 我试图实施,但没有奏效.这是我尝试过的代码. import React, { createRef, Component } from "react";进口 {地图,瓦片层,标记, ..
发布时间:2022-01-12 18:31:57 前端开发