Embed nearby courts on your site

Two ways to add a small list of pickleball courts to any page. Both are free; the list links back to Racket Spots.

Option 1: script tag (uses the visitor's location)

Asks the visitor for permission to use their location and renders the closest courts. You can instead fix the location with data-lat and data-lng.

<div data-court-spots-nearby data-sport="pickleball" data-limit="5"></div>
<script async src="https://racketspots.com/embed.js"></script>

Option 2: iframe (fixed location)

Replace LAT and LNG with the coordinates you want to center on.

<iframe src="https://racketspots.com/embed/nearby?sport=pickleball&lat=LAT&lng=LNG&limit=5"
  width="100%" height="320" style="border:0" loading="lazy"
  title="Pickleball courts nearby"></iframe>

Attributes

data-sport	Sport slug. Default: pickleball
data-limit	Number of results, 1-20. Default: 5
data-lat / data-lng	Fixed coordinates. If omitted, the browser's geolocation is used.

The JSON behind the widget is also available at https://racketspots.com/api/near?lat=..&lng=..&sport=pickleball for non-commercial use with attribution.