<![CDATA[
<!DOCTYPE html>
<html lang="pl" style="height: 100%;">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<meta http-equiv="x-ua-compatible" content="IE=11"/>
<title>Geowidget v4 - Example - Search Locker Point</title>
<script src="https://geowidget.easypack24.net/js/sdk-for-javascript.js"></script>
<script type="text/javascript">
window.easyPackAsyncInit = function () {
easyPack.init({
filters: true,
instance: 'pl',
mapType: 'osm',
searchType: 'osm',
points: {
types: ['pop', 'parcel_locker'],
},
map: {
useGeolocation: true,
initialTypes: ['parcel_locker']
}
})
var map = easyPack.mapWidget('easypack-map', function(point) {
console.log(point);
alert(point.name, point.location_description);
});
var button = document.getElementById('find-locker');
button.addEventListener('click', function () {
map.searchLockerPoint(document.getElementById('locker').value)
})
};
</script>
<link rel="stylesheet" href="https://geowidget.easypack24.net/css/easypack.css"/>
</head>
<body>
<button id="find-locker">Find locker</button>
<input name="locker" id="locker" value="KRA149">
<div id="easypack-map"></div>
</body>
</html>
]]>