【问题标题】:Leaflet : How can I display only one instance of Map?传单:如何只显示一个地图实例?
【发布时间】:2020-07-26 12:50:14
【问题描述】:

在缩小(缩放级别 = 0)时,传单显示 4 个地图实例,如何在 0 级缩小并适合屏幕边界时仅显示 1 个地图实例。

【问题讨论】:

  • 你试过 noWrap: false
  • 不,我尝试过这个选项,我需要在哪里定义没有 Wrap 属性?

标签: angular leaflet maps zooming react-leaflet


【解决方案1】:

在包含平铺层时,您需要包含 noWrap 选项。像这样:

L.tileLayer(urlTemplate, {
  noWrap: true,              //this is the crucial line!
  bounds: [
    [-90, -180],
    [90, 180]
  ]
}).addTo(map);

【讨论】:

  • 嘿,谢谢,它对我有用。一个问题:我怎样才能确保地图不显示这个灰色的空白?
  • 您可能应该尝试map.fitWorld();map.fitBounds(); 以超越整个世界。
  • 您是否为fitBounds() 添加了一些界限?像 map.fitBound([[-90, -180],[90, 180]]) 或任何其他对您的地图有意义的值。这也假设您的地图对象称为“地图”。有些人称它为“mymap”或完全不同的东西。
【解决方案2】:

在配置选项中添加 noWrap

 {
      noWrap: true,             
      bounds: [
        [-x, -y],
        [x, y]
      ]
    }

【讨论】:

    猜你喜欢
    • 2019-08-08
    • 1970-01-01
    • 1970-01-01
    • 2017-02-18
    • 2023-03-30
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-02-21
    相关资源
    最近更新 更多