Retina Tiles

फ्रीमियम
द्वारा Support@MapTilesApi | अपडेट किया गया 2 months ago | Mapping
लोकप्रियता

9.7 / 10

लेटेंसी

103ms

सेवा का स्तर

100%

Health Check

100%

सभी चर्चाओं पर वापस जाएं

How to integrate with leaflet?

Rapid account: Joshr JHA Tykb WI
joshr-JHATykbWI
2 years ago

I can’t find any examples of how to integrate with leafletjs online. can someone please show me a way to add a TileLayer from this api?

Rapid account: Map Tiles Api
MapTilesApi Commented 2 years ago

Hi Josh,

have you seen our tutorial here: https://rapidapi.com/MapTilesApi/api/retina-tiles/tutorials/using-retina-tiles-with-leaflet-to-display-a-map-on-a-website ?

As a TileLayer URL in Leaflet you would need:

https://retina-tiles.p.rapidapi.com/local/osm{r}/v1/{z}/{x}/{y}.png?rapidapi-key=YOUR-RAPIDAPI-KEY

if you want Leaflet to choose between standard and retina tiles (Leaflet will then fill the {r}var with either @2xto retrieve retina tiles for high resolution displays or `` for displays without high resolution).

Otherwise you can use:

https://retina-tiles.p.rapidapi.com/local/osm@2x/v1/{z}/{x}/{y}.png?rapidapi-key=YOUR-RAPIDAPI-KEY

to always get retina tiles or

https://retina-tiles.p.rapidapi.com/local/osm/v1/{z}/{x}/{y}.png?rapidapi-key=YOUR-RAPIDAPI-KEY

to always get standard tiles.

In each case you’ll just have to replace YOUR-RAPIDAPI-KEY with your X-RapidAPI-Key and then you are good to go.

चर्चा में शामिल हों - नीचे टिप्पणी जोड़ें:

नई टिप्पणियाँ पोस्ट करने के लिए लॉग इन / साइनअप करें