map=data.map; tooltip =jQuery('.ol-popup')[0]; content = jQuery('.ol-popup div')[0]; closer = jQuery('.ol-popup-closer')[0]; const overlay = new ol.Overlay({ element: tooltip, offset: [10, 0], positioning: 'center-left' }); map.addOverlay(overlay); function displayTooltip(evt) { pixel=evt.pixel; tooltip =jQuery('.ol-popup')[0]; tooltip.style.display ='block'; overlay.setPosition(evt.coordinate); overlay.setElement(tooltip); const feature = map.forEachFeatureAtPixel(pixel, function (feature) { return feature; }); content = jQuery('.ol-popup div')[0]; url=""; ISarabiclang=jQuery(".i18n-ar"); if(ISarabiclang.length>0){ if (feature.get('Atr_NodeID_ar')!=''){ url="/ar/node/" + feature.get('Atr_NodeID_ar'); } if (feature.get('Is_atr_village')!=0){ content .innerHTML ="

" + feature.get('district_atr_ar') +' -' + feature.get('subdistrict_atr_ar') + "

" + feature.get('village_ar_with_marks')+ ' — ' + feature.get('Village_atr_en') + "

"; } else { content .innerHTML ="

" + feature.get('district_atr_ar') +' -' + feature.get('subdistrict_atr_ar') + "

" + feature.get('village_ar_Alaawork')+ ' — ' + feature.get('IPS_Village_Na') + "

"; } } else { if (feature.get('Atr_NodeID_en')!=''){ url="node/" + feature.get('Atr_NodeID_en'); } if (feature.get('Is_atr_village')!=0){ content .innerHTML ="

" + feature.get('district_atr_en') +' -' + feature.get('subdistrict_atr_en') + "

" +feature.get('Village_atr_en') + ' — ' + feature.get('village_ar_with_marks') + "

"; } else { content .innerHTML ="

" + feature.get('district_atr_en') +' -' + feature.get('subdistrict_atr_en') + "

" + feature.get('IPS_Village_Na')+ '— ' + feature.get('village_ar_Alaawork') + "

"; } } }; function displayTooltips(evt) { pixel=evt.mapBrowserEvent.pixel; tooltip =jQuery('.ol-popup')[0]; tooltip.style.display ='block'; overlay.setPosition(evt.mapBrowserEvent.coordinate); overlay.setElement(tooltip); const feature = map.forEachFeatureAtPixel(pixel, function (feature) { return feature; }); content = jQuery('.ol-popup div')[0]; url=""; ISarabiclang=jQuery(".i18n-ar"); if(ISarabiclang.length>0){ if (feature.get('Atr_NodeID_ar')!=''){ url="/ar/node/" + feature.get('Atr_NodeID_ar'); } if (feature.get('Is_atr_village')!=0){ content .innerHTML ="

" + feature.get('district_atr_ar') +' -' + feature.get('subdistrict_atr_ar') + "

" + feature.get('village_ar_with_marks')+ ' — ' + feature.get('Village_atr_en') + "

"; } else { content .innerHTML ="

" + feature.get('district_atr_ar') +' -' + feature.get('subdistrict_atr_ar') + "

" + feature.get('village_ar_Alaawork')+ ' — ' + feature.get('IPS_Village_Na') + "

"; } } else { if (feature.get('Atr_NodeID_en')!=''){ url="node/" + feature.get('Atr_NodeID_en'); } if (feature.get('Is_atr_village')!=0){ content .innerHTML ="

" + feature.get('district_atr_en') +' -' + feature.get('subdistrict_atr_en') + "

" +feature.get('Village_atr_en') + ' — ' + feature.get('village_ar_with_marks') + "

"; } else { content .innerHTML ="

" + feature.get('district_atr_en') +' -' + feature.get('subdistrict_atr_en') + "

" + feature.get('IPS_Village_Na')+ '— ' + feature.get('village_ar_Alaawork') + "

"; } } } var select = new ol.interaction.Select({ condition:ol.events.condition.singleClick, addCondition:ol.events.condition.never, toggleCondition:ol.events.condition.singleClick }); map.addInteraction(select); select.on('select', function(e) { coord=e.mapBrowserEvent.coordinate; if (e.selected.length >0){ displayTooltips(e); } else { tooltip.style.display ='none'; } });

Places