--- /dev/null
+<html lang="en">
+<head>
+<link rel="stylesheet"
+ href="https://cdn.jsdelivr.net/gh/openlayers/openlayers.github.io@master/en/v6.4.3/css/ol.css"
+ type="text/css">
+<style>
+</style>
+<script
+ src="https://cdn.jsdelivr.net/gh/openlayers/openlayers.github.io@master/en/v6.4.3/build/ol.js"></script>
+</head>
+<body>
+ <div id="map" class="map"></div>
+ <script type="text/javascript">
+ // default OSM
+ var source_OSM = new ol.source.OSM();
+
+ var map = new ol.Map({
+ target : 'map',
+ layers : [ new ol.layer.Tile({
+ source : source_OSM
+ }) ],
+ view : new ol.View({
+ center : ol.proj.fromLonLat([ 34, 34 ]),
+ zoom : 4
+ })
+ });
+ map.on('rendercomplete', e => {
+ console.log('Render completed.');
+ renderCompleted();
+ });
+ var select = new ol.interaction.Select();
+ map.addInteraction(select);
+ select.on('select',function (e) {
+ if(e.selected.length>0){
+ console.log('Feature selected: '+e.selected[0].get('path'));
+ onFeatureSelect(e.selected[0].get('path'));
+ }
+ });
+ </script>
+</body>
+</html>
\ No newline at end of file