JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://www.openlayers.org/api/OpenLayers.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
<div id="map1" style="width:600px;height:400px;"></div>
CSS
div.olControlAttribution {
bottom: 3px;
}
JavaScript
jQuery.get(
"https://nominatim.openstreetmap.org/search/",
{
"q":"leipzig", // <-- Hier die Addresse aus LISE eintragen
"format":"json",
"addressdetails":1,
"limit":1
},
function(data) {
if (data.length < 1) {
return;
}
var map = new OpenLayers.Map("map1");
var mapnik = new OpenLayers.Layer.OSM();
map.addLayer(mapnik);
var clonlat = new OpenLayers.LonLat(data[0].lon, data[0].lat).transform( new OpenLayers.Projection("EPSG:4326"), new OpenLayers.Projection("EPSG:900913") );
var zoom = 12;
map.setCenter(clonlat, zoom);
},
"json"
);