-<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