main.js

let arr = [ {data:[-1.499725,52.405211,15], rooms: ["EC1-01","EC1-02","EC1-03","EC1-11","EC1-12","EC1-13","EC1-14","EC1-21","EC1-22","EC1-23","EC1-26","EC1-27A","EC1-27B","EC1-28","EC1-29","EC2-01","EC2-02","EC2-03","EC2-04","EC2-12","EC2-13","EC2-14","EC2-24","EC2-25","ECG-01","ECG-02","ECG-03","ECG-04","ECG-12","ECG-13","ECG-14","ECG-15","ECG-24","ECG-26","ECG-27","ECG-35","ECG-36","ECG-SS","ECL-10","ECL-13","ECL-16B","ECL-19","ECL-24","ECL-26","ECL-27","ECL-28","ECL-29","ECL-30/31","ECL-32","ECL-33","ECL-34A","ECL-34B","ECL-34C","ECL-34E1","ECL-34E2","ECL-34E4","ECL-34F","ECL-34J","ECL-34WT","ECM-01A","ECM-01B","ECM-15","ECM-15A","ECM-18"]},
		{data:[-1.499996,52.407364], rooms: ["ASG31"]},
		{rooms: ["AAAA"], data: "d"},
			{rooms: ["AAAA"], data: ""} ];

var map = new OpenLayers.Map("map");
map.addLayer(new OpenLayers.Layer.OSM());

var markers = new OpenLayers.Layer.Markers( "Markers" );
map.addLayer(markers);

var fromProjection = new OpenLayers.Projection("EPSG:4326");
var toProjection   = new OpenLayers.Projection("EPSG:900913");

window.onload = function()
{
	console.log("onload");
    updateMap( 0, 0, 1 );
};

function updateMap(long, lat, zoom)
{
	console.log("updateMap()");

	var position = new OpenLayers.LonLat(long,lat).transform(fromProjection, toProjection);
	map.setCenter(position, zoom);

    
    markers.addMarker(new OpenLayers.Marker(position));
};

const updateResult = query => 
{
	let resultList = document.querySelector(".result");
	resultList.innerHTML = "";

	query = query.toUpperCase();

	for( var i in arr ) 
	{
		let rooms = arr[i].rooms;
		let data = arr[i].data;
		for( var j in rooms )
		{
			let room = rooms[j];
			if( room.indexOf(query) != -1 )
				resultList.innerHTML += `<li class="list-group-item" onclick="updateMap(${data[0]},${data[1]},${data[2]})">${room}</li>`;
		}
	}

	/*let found = false;
	for( var i=0; !found && i<arr.length; ++i )
	{
		let pattern = arr[i][0]
		let url = arr[i][1];

		if( pattern.indexOf(query) != -1 )
		{		
			resultList.innerHTML += `<li class="list-group-item">${pattern}</li>`;
		}
	}*/
}

updateResult("")