diff --git a/demo/src/app/geo/simple-map/simple-map.component.html b/demo/src/app/geo/simple-map/simple-map.component.html
index 6a6105936c..6e3253c709 100644
--- a/demo/src/app/geo/simple-map/simple-map.component.html
+++ b/demo/src/app/geo/simple-map/simple-map.component.html
@@ -13,6 +13,7 @@
igoPointerPosition
[pointerPositionDelay]="pointerCoordDelay"
(pointerPositionCoord)="onPointerMove($event)">
+
diff --git a/packages/geo/src/lib/map/index.ts b/packages/geo/src/lib/map/index.ts
index c88e8edd23..ab3f90ca73 100644
--- a/packages/geo/src/lib/map/index.ts
+++ b/packages/geo/src/lib/map/index.ts
@@ -9,3 +9,4 @@ export * from './baselayers-switcher';
export * from './rotation-button';
export * from './swipe-control';
export * from './map-center';
+export * from './info-section';
diff --git a/packages/geo/src/lib/map/info-section/index.ts b/packages/geo/src/lib/map/info-section/index.ts
new file mode 100644
index 0000000000..0a0f601210
--- /dev/null
+++ b/packages/geo/src/lib/map/info-section/index.ts
@@ -0,0 +1 @@
+export * from './info-section.component';
diff --git a/packages/geo/src/lib/map/info-section/info-section.component.html b/packages/geo/src/lib/map/info-section/info-section.component.html
new file mode 100644
index 0000000000..1f7a8ac39a
--- /dev/null
+++ b/packages/geo/src/lib/map/info-section/info-section.component.html
@@ -0,0 +1,3 @@
+
\ No newline at end of file
diff --git a/packages/geo/src/lib/map/info-section/info-section.component.scss b/packages/geo/src/lib/map/info-section/info-section.component.scss
new file mode 100644
index 0000000000..ff5eb75fe5
--- /dev/null
+++ b/packages/geo/src/lib/map/info-section/info-section.component.scss
@@ -0,0 +1,16 @@
+@import '../../../../../core/src/style/partial/media';
+@import '../../../../../core/src/style/partial/core.variables';
+
+.infoSection {
+ border-radius: 10px;
+ background-color: rgba(110,110,110, 0.4);
+ padding: calc(#{$igo-margin} / 2);
+ position: absolute;
+ text-align: center;
+ top: $igo-margin;
+ left: 50%;
+ @include mobile {
+ top: calc(#{$igo-icon-size} + 5px + #{$igo-margin});
+ left: 10%;
+ }
+ }
\ No newline at end of file
diff --git a/packages/geo/src/lib/map/info-section/info-section.component.ts b/packages/geo/src/lib/map/info-section/info-section.component.ts
new file mode 100644
index 0000000000..0fb02acc6a
--- /dev/null
+++ b/packages/geo/src/lib/map/info-section/info-section.component.ts
@@ -0,0 +1,14 @@
+import { Component, Input } from '@angular/core';
+
+@Component({
+ selector: 'igo-info-section',
+ templateUrl: './info-section.component.html',
+ styleUrls: ['./info-section.component.scss']
+})
+export class InfoSectionComponent {
+
+ @Input() infoContent: string = '';
+
+ constructor() {}
+
+}
diff --git a/packages/geo/src/lib/map/map.module.ts b/packages/geo/src/lib/map/map.module.ts
index 6bebf9fae8..e306e98dd4 100644
--- a/packages/geo/src/lib/map/map.module.ts
+++ b/packages/geo/src/lib/map/map.module.ts
@@ -18,6 +18,7 @@ import { HoverFeatureDirective } from './shared/hover-feature.directive';
import { SwipeControlComponent } from './swipe-control/swipe-control.component';
import { MapCenterComponent } from './map-center/map-center.component';
import { MenuButtonComponent } from './menu-button/menu-button.component';
+import { InfoSectionComponent } from './info-section/info-section.component';
@NgModule({
imports: [
@@ -33,6 +34,7 @@ import { MenuButtonComponent } from './menu-button/menu-button.component';
ZoomButtonComponent,
GeolocateButtonComponent,
RotationButtonComponent,
+ InfoSectionComponent,
BaseLayersSwitcherComponent,
MiniBaseMapComponent,
MapOfflineDirective,
@@ -48,6 +50,7 @@ import { MenuButtonComponent } from './menu-button/menu-button.component';
ZoomButtonComponent,
GeolocateButtonComponent,
RotationButtonComponent,
+ InfoSectionComponent,
BaseLayersSwitcherComponent,
MiniBaseMapComponent,
MapOfflineDirective,