缩放时传单形状会移动

2024-05-04

当我加载页面后放大时,会发生这种情况:

https://gyazo.com/76b0458b1cd836a3b3d6ddaa493585da https://gyazo.com/76b0458b1cd836a3b3d6ddaa493585da(我是用鼠标滚轮放大和缩小的)

然而,当我用鼠标稍微移动地图后,问题就消失了,一切功能都完美......直到我重新加载页面。

有谁知道为什么会发生这种情况?

在这里我设法重现了这个问题:plnkr.co/edit/RD9yyEPY0Q1Udo57(第一次加载后刷新预览窗口即可看到问题)


删除这两行后就不会出现问题。

<link rel="stylesheet" href="https://xguaita.github.io/Leaflet.MapCenterCoord/dist/L.Control.MapCenterCoord.min.css">
<script src="https://xguaita.github.io/Leaflet.MapCenterCoord/dist/L.Control.MapCenterCoord.min.js"></script>

因此,重新加载页面时地图居中似乎发生了偏移,并且您已经移动了地图。 也许您可以在单独的图层上添加中心信息?!

 L.control.mapCenterCoord({
   icon: true,
   position: 'top'
 }).addTo(mymap); << is the reason for the flickering
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

缩放时传单形状会移动 的相关文章

  • 从外部访问 Leaflet.js GeoJson 功能

    我想从外部与传单驱动的地图的 GeoJson 覆盖层 多边形 进行交互L 的领域 但我似乎无法访问由L 互动包括 获取边界 我的特征 fitBounds 我的特征 设置样式 ETC 我可以看到 Leaflet 暴露了 L GeoJSON g
  • 底图图层组的传单图层控制

    简而言之 我需要由传单图层控件控制图层组 一次两到三个 在这个JSFiddle http jsfiddle net knu2xs FH9VF 3 当更改底图时 水力叠加层需要始终保持在各种底图之上 如果您运行并使用右上角的图层控件 您会注意
  • 将鼠标悬停在 R 中的传单时弹出?

    我的传单地图看起来像这样 library sp library leaflet circleFun lt function center c 0 0 diameter 1 npoints 100 r diameter 2 tt lt seq
  • 使用 leaflet 确定直线是否与多边形相交

    我正在尝试找出确定一条线是否穿过多边形的最佳方法 其中该线上的点可能不会落在多边形内 如下图所示 我的数据是多个多边形 我希望查看一条线 纬度 经度到纬度 经度 是否穿过 1 个或多个多边形 leaflet 有一个 leaflet pip
  • Leaflet.js setMaxBounds 忽略南界

    Using 传单 js http leafletjs com reference html对于开源地图项目 但我需要设置用户无法超越的特定界限 地图对象的 maxBounds 属性在北 东 西方向上按预期工作 但它让我永远向南滚动 在小提琴
  • 在闪亮的应用程序中使用传单地图作为过滤器

    是否可以使用传单地图来过滤闪亮应用程序中的数据 就像在 Tableau 或 Power BI 中一样 方法是单击地图上的某个状态 然后根据条件过滤另一个图表或表格选择 None
  • R Leaflet Legend:colorBin-删除中断之间的小数

    我正在使用 Leaflet 库在 R 中创建交互式 HTML 地图 传说中采用的是colorBin用于创建将数据分为 6 个类别的方法 使用min values and max values 我已经定义了美国社区调查收入数据的特定范围可能落
  • 闪亮的传单添加大量分离的折线

    我有一个 200k 行数据集 其中包含出发地和目的地的坐标 我有一个 R 闪亮的应用程序 带有传单地图 可以在这些坐标上显示圆圈 尽管坐标数量很大 但效果很好 这是数据的简化示例 每行包含出行id 出发地经纬度 目的地经纬度 id lat
  • OpenStreetMap 不显示在 RStudio 中(使用 R 3.2.1)

    我正在使用来自的代码here https rstudio github io leaflet library leaflet m lt leaflet gt addTiles gt addMarkers lng 174 768 lat 36
  • 在 Android 应用程序中使用传单来显示在线地图

    是否有任何示例项目展示如何正确使用传单在 Android 应用程序中显示在线地图 因为我尝试了很多示例 但每次我的应用程序中都有一个空的网络视图 这是我的代码 private WebView mWebView Override protec
  • Mapbox 打字稿

    通过关注这个项目 我成功地让 Leaflet 与 Angular 2 和 Webpack 一起工作 Angular 2 传单启动器 https github com haoliangyu angular2 leaflet starter 我
  • 我可以防止将 Leaflet 地图平移到世界边缘之外吗?

    有没有办法限制平移到世界边缘之外 在这幅画中 棕色是世界 灰色是虚空 我想让它不可能像这样平移 Leaflet 允许您控制地图抵抗被拖出边界的程度maxBoundsViscosity选项 值 0 到 1 将其设置为最大值会完全禁用拖动出界
  • 使用矢量相应地更改传单线条的颜色

    无论如何 是否可以根据某些变量的值更改传单线条的颜色 我用谷歌搜索 发现了这个link http hgoebl github io Leaflet MultiOptionsPolyline demo 然而 我想知道是否有一种简单的方法可以在
  • 传单 - 使用纬度 + 距离(米)+ 角度(度)创建标记

    如何计算距标记 A 给定距离 米 和给定角度 度 的新点 标记 B Google API 有这个 但我在传单中找不到它 var pointA new google maps LatLng 25 48 71 26 var radiusInKm
  • 如何将传单地图背景设置为白色?

    我目前正在使用传单来显示数据 总的来说 效果很好 但我们的PM希望地图背景是白色而不是灰色 现在 整个地图的背景都是灰色的 我检查了文档 根本找不到如何使背景变成白色的解决方案 非常感谢您的建议 我看到这是由tileLayer引起的 L t
  • 传单 - 导入 Geojson - Angular 6

    我尝试将 GeoJson 文件导入到 Angular 的应用程序 6 中的传单中 通过这个解决方案 我的 geojson 是在 leafletmap 中绘制的 但我有这个错误 我无法构建我的应用程序 有人知道一种解决方案吗 错误 TS234
  • 运行 ng build --prod 时传单标记图标 url 编译错误

    由于某种原因 Leaflet 标记图标 url 在运行时编译错误ng build prod相反 当跑步时ng build传单标记图标 url 很好 我的环境 Angular CLI 7 0 5 Node 11 2 0 OS linux x6
  • 如何强制传单更新地图?

    当我将 Leaflet 与 React 一起使用时 我遇到了问题 据我研究 问题是 Leaflet 也想控制 DOM 渲染 现在 国家将使用与后端信息相对应的特定颜色代码 范围为1 gt 100 正确着色 但是 它每分钟更新一次 更新后 国
  • React-leaflet 未加载图块并镀金 403 请求错误

    我正在使用 React leaflet 和瓷砖提供商 Stadia OSM Bright 当我在本地运行它时显示图块 但是当我进行构建并上传到服务器时它停止加载图块并开始给出请求 403 禁止错误 我有一个 API 密钥 但没有找到任何解决
  • 如何获取传单标记簇中点击事件的图块?

    这是我的代码 function onMapClick e e originalEvent defaultPrevented true var orig e originalEvent console log orig target map

随机推荐