Using Leaflet to design a Disc Golf Course

From Freephile Wiki
The printable version is no longer supported and may have rendering errors. Please update your browser bookmarks and please use the default browser print function instead.

This is an example of how to create maps in this wiki


18-hole disc golf course - green beginner course
Partridge Brook Park Disc Golf Course (PBPDGC) possible layout

Using the Maps Extension (and with some help from GeoJson.io to quickly come up with the JSON) you can design a 'back of the napkin' sketch of a Disc Golf Course very easily compared to some of the other mapping tools. This is what I did for Partridge Brook Park Disc Golf Course By visiting https://geojson.io/#map=17.15/42.855467/-70.863373 you can draw in your browser with a satellite imagery basemap to generate the JSON that you would copy into this site.

Example: Using the #display_map parser function {{#display_map: center="-70.864801793366439,42.854582093535043" | geojson=PartridgeBrookParkDG | scrollwheelzoom=off | service=leaflet }} displays the data which is stored in GeoJson:PartridgeBrookParkDG. If you have edit rights in this wiki, you can edit both this page, and the underlying map data. Note: The alternate display_map tag syntax does not appear to be compatible with GeoJSON data e.g. this won't work: <display_map center="-70.864801793366439,42.854582093535043" geojson="PartridgeBrookParkDG" height="450px" scrollwheelzoom="off" service="leaflet"></display_map> (The tag syntax is ideal for showing multiple markers, each on their own line.)

Loading map...

The process is a quick 3-step process to make personalized maps:

  1. Draft the map at geojson.io (because it's quick, has a good UI, supports multiple shapes and generates the JSON data).
  2. Copy/paste the JSON data into the GeoJson namespace on this site to "save" it for use or refinement.
  3. Use "#display_map" on any page on this site to embed/display the saved map data.
  4. You can edit or revise the map data from either the display page, or the underlying data page. And, it's simple to copy/paste the JSON back and forth between here and GeoJSON.io too if you want to use that edit interface.

See Also[edit]

Using OpenStreetMaps to design a Disc Golf Course

Circles[edit]

While Leaflet does allow to draw circles with a point and a radius. The circles that you draw in GeoJson.io are not true circles. Instead they are polygons made up of dozens of points on an arc that approximate a circle. So, your data gets bulky and hard to edit.

References[edit]