pigeon-maps - npm Package Versions

0.17.2 - 2021-03-16

• Use a ResizeObserver to update the size even when the window doesn't resize (#125 by @mischnic)
• Add classes pigeon-tile-box, pigeon-tiles, pigeon-overlays and pigeon-overlay-warning to internal divs.

0.17.1 - 2021-02-13

• Fixes faulty types for Marker and Overlay

0.17.0 - 2020-12-03

• Add Marker and Overlay components to the pigeon-maps "standard library"
• Fix a bug with mousewheel scroll when width & height present (#117 by @roux1max)

0.16.1 - 2020-08-28

• Add empty ALT attribute to map tiles

0.16.0 - 2020-08-10

• Rewritten in TypeScript without changing any functionality
• Attribution links now open in a new tab

0.15.0 - 2020-03-03

• Changed the default tile provider from the broken Wikimedia to OSM
• Add more information about setting up your own tile provider
• Add lazy loading for tiles (#87 by @maxsteenbergen)

0.14.0 - 2019-08-31

• React 16.8 support by removing deprecated componentWillReceiveProps and replacing it with componentDidUpdate. #70 @JoaquimEsteves

0.13.0 - 2019-05-09

• Add the dprs parameter to <Map /> and dpr as the 4th argument for the provider functions.

Previously if you wanted to support HiDPI screens your provider function looked something like this:

function wikimedia (x, y, z) {
  const retina = typeof window !== 'undefined' && window.devicePixelRatio >= 2
  return `https://maps.wikimedia.org/osm-intl/${z}/${x}/${y}${retina ? '@2x' : ''}.png`
}

This works fine and will continue to work in 0.13. However this had some issues with server rendering. The code on your server would always render the non-retina image and later React would hydrate it with the real retina image. This lead to a bit of flickering and to the loading of an excessive amount of map tiles.

Now you can pass <Map dprs={[1, 2]} /> and update your provider function to:

function wikimedia (x, y, z, dpr) {
  return `https://maps.wikimedia.org/osm-intl/${z}/${x}/${y}${dpr >= 2 ? '@2x' : ''}.png`
}

... and pigeon-maps will call the provider twice to create a <img srcset> for both resolutions.

The value of dpr will be undefined for the default tile (<img src>) which acts as a backup for older browsers.

If you don't need server rendering, then the old approach of having no dprs array and figuring out the dpr from the window inside provider will continue to work fine.

0.12.1 - 2019-03-26

• Fix 100% height issue. #48 and #4

0.12.0 - 2019-03-26

• Removed inferno support, which reportedly didn't even work (#39).
• Started using rollup and babel loose mode to reduce the size even more. #59 @markusenglund (a ~8% reduction!)