JSFiddle - React, Tailwind, and code Playground
by matthijst
HTML
<html>
<head>
<script src="https://cdn.jsdelivr.net/gh/openlayers/openlayers.github.io@master/en/v6.12.0/build/ol.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/openlayers/openlayers.github.io@master/en/v6.12.0/css/ol.css">
</head>
<body>
</body>
</html>JavaScript
var customGML = '<?xml version="1.0" encoding="UTF-8"?><FeatureCollectionGeometrie xmlns:gml="http://www.opengis.net/gml/3.2" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:gsr="http://www.isotc211.org/2005/gsr" xmlns:gco="http://www.isotc211.org/2005/gco" xmlns:gmd="http://www.isotc211.org/2005/gmd" xmlns:gss="http://www.isotc211.org/2005/gss" xmlns:gts="http://www.isotc211.org/2005/gts" xmlns:gmlsf="http://www.opengis.net/gmlsf" xmlns="http://www.geostandaarden.nl/basisgeometrie/1.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.geostandaarden.nl/basisgeometrie/1.0 https://register.geostandaarden.nl/gmlapplicatieschema/basisgeometrie/1.0.0/basisgeometrie.xsd"><featureMember><Geometrie><id>1e7bee90-f2ae-4d8a-af03-3862db6edc84</id><geometrie><gml:Polygon gml:id="id-1e7bee90-f2ae-4d8a-af03-3862db6edc84-2" srsName="urn:ogc:def:crs:EPSG::28992"><gml:exterior><gml:LinearRing><gml:posList>141000.000 629000.000 100000.000 600000.000 80000.000 500000.000 646.360 392000.000 646.360 336000.000 101000.000 336000.000 161000.000 289000.000 219000.000 289000.000 300000.000 451000.000 300000.000 614000.000 259000.000 629000.000 141000.000 629000.000</gml:posList></gml:LinearRing></gml:exterior></gml:Polygon></geometrie></Geometrie></featureMember></FeatureCollectionGeometrie>';
var standaardGML = '<?xml version="1.0" encoding="UTF-8"?><gml:FeatureCollection xmlns:gml="http://www.opengis.net/gml/3.2" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="https://standaarden.overheid.nl/stop/imop/geo/ ../xsd/basisgeometrie/v20190901/geometrie.xsd" gml:id="main"><gml:featureMember><gml:MultiSurface srsName="urn:ogc:def:crs:EPSG::4258" gml:id="id-9"><gml:surfaceMember><gml:Polygon><gml:exterior><gml:LinearRing srsName="urn:ogc:def:crs:EPSG::4258"><gml:posList>4.361365242 52.006813415 4.361277251 52.006839615 4.361190906 52.006793918 4.361220853 52.006758224 4.361365242...