JSFiddle - React, Tailwind, and code Playground

by fxi

HTML

<img src="" alt="image a" id="a" />
<img src="" alt="image b" id="b" />

JavaScript

var imgs = {
  "a": "https://geoserver.swissdatacube.org/geoserver/sdc/wms?service=WMS&version=1.1.0&request=GetMap&layers=sdc:urbanization_basel_2000_L7&styles=&bbox=836526.8375529684,6022014.836419325,841418.8073632196,6026906.8062295765&width=256&height=256&srs=EPSG:3857&transparent=true&format=image/png",
  "b":"https://geoserver.swissdatacube.org/geoserver/sdc/wms?service=WMS&version=1.1.0&request=GetMap&layers=sdc:urbanization_basel_2000_L7&styles=&bbox=846310.7771734707,6031798.776039828,851202.7469837219,6036690.745850079&width=256&height=256&srs=EPSG:3857&transparent=true&format=image/png"
}
document
  .querySelectorAll("img")
  .forEach(i => i.src = imgs[i.id] )