JSFiddle - React, Tailwind, and code Playground

HTML

<div id=search><input id=searchTextbox value="1600 penn" /> <button id=searchButton>Search</button>
<div id=searchStatus></div>
</div>

<script src="http://api.maps.ovi.com/jsl.js"></script>

See also: http://api.maps.ovi.com/playground2/?example=searches

CSS

body {
    font: 10pt Verdana;
}

JavaScript

$('#searchButton').click(function(ev) {
    ev.preventDefault();
    var status = $('#searchStatus');
    var text = $('#searchTextbox').val();
    status.html('Searching for ' + text + '...');
    
    var searchManager = new ovi.mapsapi.search.Manager();
    searchManager.addObserver('state', function(r, key, value) {
        if (value == 'finished') {
            status.text(r.locations.length + ' results');
        } else if (value == 'failed') {
            status.text('Failed');
        }
    });

    // for geocoding and placeSearch
    var prox = {
        center: new ovi.mapsapi.geo.Coordinate(52.5, 13.3333),
        radius: 24000
    };
    
    searchManager.search(text);
});