JSFiddle - React, Tailwind, and code Playground

HTML

<ol id=list>
</ol>

JavaScript

const urls=["geo:53.666,27.666", "geo://point/?lon=27.666&lat=53.666&zoom=10", "mapswithme:32.22, 123.33/showmethemagic", "geo:0,0?z=14&q=54.683486138,25.289361259 (Forto%20dvaras)", "https://maps.google.com/maps?z=16&q=Mezza9%401.3067198,103.83282", "https://maps.google.com/maps?z=16&q=House+of+Seafood+%40+180%401.356706,103.87591", "geo:52.23405,21.01547?Z=10", "geo:52.23405,21.01547?Z=19", "mapswithme://map?ll=10.3,12.3223&n=Hello%20World", "omaps://map?ll=10.3,12.3223&n=Hello%20World", "om://map?ll=10.3,12.3223&n=Hello%20World", "om:32.22, 123.33/showmethemagic", "omaps:32.22, 123.33/showmethemagic"]
const ol = document.getElementById('list');
for (const u of urls) {
  const a = document.createElement('a');
  a.setAttribute('href', u);
  a.appendChild(document.createTextNode(u));
  const li = document.createElement('li');
  li.appendChild(a);
  ol.appendChild(li);
}