docs(ol-*-control): hide default controls

MelihAltintas · Sep 20, 2023 · dc4fce9 · dc4fce9
1 parent 0b784bc
commit dc4fce9
Show file tree

Hide file tree

Showing 18 changed files with 19 additions and 16 deletions.
diff --git a/src/demos/AttributionControlDemo.vue b/src/demos/AttributionControlDemo.vue
@@ -1,5 +1,5 @@
 <template>
-  <ol-map ref="map" style="height: 400px">
+  <ol-map ref="map" style="height: 400px" :controls="[]">
     <ol-view
       ref="view"
       :center="center"

diff --git a/src/demos/ContextMenuDemo.vue b/src/demos/ContextMenuDemo.vue
@@ -4,6 +4,7 @@
     :loadTilesWhileInteracting="true"
     style="height: 400px"
     ref="map"
+    :controls="[]"
   >
     <ol-view
       :center="center"

diff --git a/src/demos/ControlBarDemo.vue b/src/demos/ControlBarDemo.vue
@@ -4,6 +4,7 @@
     :loadTilesWhileAnimating="true"
     :loadTilesWhileInteracting="true"
     style="height: 800px"
+    :controls="[]"
   >
     <ol-view
       ref="view"

diff --git a/src/demos/FullscreenControlDemo.vue b/src/demos/FullscreenControlDemo.vue
@@ -1,5 +1,5 @@
 <template>
-  <ol-map ref="map" style="height: 400px">
+  <ol-map ref="map" style="height: 400px" :controls="[]">
     <ol-view
       ref="view"
       :center="center"

diff --git a/src/demos/LayerswitcherControlDemo.vue b/src/demos/LayerswitcherControlDemo.vue
@@ -1,5 +1,5 @@
 <template>
-  <ol-map ref="map" style="height: 400px">
+  <ol-map ref="map" style="height: 400px" :controls="[]">
     <ol-view
       ref="view"
       :center="center"

diff --git a/src/demos/LayerswitcherimageControlDemo.vue b/src/demos/LayerswitcherimageControlDemo.vue
@@ -1,5 +1,5 @@
 <template>
-  <ol-map ref="map" style="height: 400px">
+  <ol-map ref="map" style="height: 400px" :controls="[]">
     <ol-view
       ref="view"
       :center="center"

diff --git a/src/demos/MousepositionControlDemo.vue b/src/demos/MousepositionControlDemo.vue
@@ -1,5 +1,5 @@
 <template>
-  <ol-map ref="map" style="height: 400px">
+  <ol-map ref="map" style="height: 400px" :controls="[]">
     <ol-view
       ref="view"
       :center="center"

diff --git a/src/demos/OverviewmapControlDemo.vue b/src/demos/OverviewmapControlDemo.vue
@@ -1,5 +1,5 @@
 <template>
-  <ol-map ref="map" style="height: 400px">
+  <ol-map ref="map" style="height: 400px" :controls="[]">
     <ol-view
       ref="view"
       :center="center"

diff --git a/src/demos/PrintdialogControlDemo.vue b/src/demos/PrintdialogControlDemo.vue
@@ -1,5 +1,5 @@
 <template>
-  <ol-map ref="map" style="height: 400px">
+  <ol-map ref="map" style="height: 400px" :controls="[]">
     <ol-view
       ref="view"
       :center="center"

diff --git a/src/demos/RotateControlDemo.vue b/src/demos/RotateControlDemo.vue
@@ -2,7 +2,7 @@
   <button class="btn-default" type="button" @click="rotateRight">
     Rotate right
   </button>
-  <ol-map style="height: 400px">
+  <ol-map style="height: 400px" :controls="[]">
     <ol-view ref="viewRef" :center="center" :zoom="zoom" :rotation="rotation" />
 
     <ol-tile-layer>

diff --git a/src/demos/ScalelineControlDemo.vue b/src/demos/ScalelineControlDemo.vue
@@ -2,7 +2,7 @@
   <button class="btn-default" type="button" @click="rotateRight">
     Rotate right
   </button>
-  <ol-map style="height: 400px">
+  <ol-map style="height: 400px" :controls="[]">
     <ol-view
       :center="center"
       :rotation="rotation"

diff --git a/src/demos/SwipeControlDemo.vue b/src/demos/SwipeControlDemo.vue
@@ -1,5 +1,5 @@
 <template>
-  <ol-map ref="map" style="height: 400px">
+  <ol-map ref="map" style="height: 400px" :controls="[]">
     <ol-view
       ref="view"
       :center="center"

diff --git a/src/demos/ToggleControlDemo.vue b/src/demos/ToggleControlDemo.vue
@@ -1,5 +1,5 @@
 <template>
-  <ol-map ref="map" style="height: 400px">
+  <ol-map ref="map" style="height: 400px" :controls="[]">
     <ol-view
       ref="view"
       :center="center"

diff --git a/src/demos/VideorecorderControlDemo.vue b/src/demos/VideorecorderControlDemo.vue
@@ -1,5 +1,5 @@
 <template>
-  <ol-map style="height: 400px">
+  <ol-map style="height: 400px" :controls="[]">
     <ol-view
       :center="center"
       :rotation="rotation"

diff --git a/src/demos/ZoneControlDemo.vue b/src/demos/ZoneControlDemo.vue
@@ -4,6 +4,7 @@
     :loadTilesWhileAnimating="true"
     :loadTilesWhileInteracting="true"
     style="height: 400px"
+    :controls="[]"
   >
     <ol-view
       ref="view"

diff --git a/src/demos/ZoomControlDemo.vue b/src/demos/ZoomControlDemo.vue
@@ -1,5 +1,5 @@
 <template>
-  <ol-map style="height: 400px">
+  <ol-map style="height: 400px" :controls="[]">
     <ol-view
       :center="center"
       :rotation="rotation"
@@ -10,7 +10,7 @@
     <ol-tile-layer>
       <ol-source-osm />
     </ol-tile-layer>
-    <ol-zoom-control />
+    <ol-zoom-control zoomInLabel="➕" zoomOutLabel="➖" />
   </ol-map>
 </template>
 

diff --git a/src/demos/ZoomsliderControlDemo.vue b/src/demos/ZoomsliderControlDemo.vue
@@ -1,5 +1,5 @@
 <template>
-  <ol-map style="height: 400px">
+  <ol-map style="height: 400px" :controls="[]">
     <ol-view
       :center="center"
       :rotation="rotation"

diff --git a/src/demos/ZoomtoextentControlDemo.vue b/src/demos/ZoomtoextentControlDemo.vue
@@ -1,5 +1,5 @@
 <template>
-  <ol-map style="height: 400px">
+  <ol-map style="height: 400px" :controls="[]">
     <ol-view
       :center="center"
       :rotation="rotation"