ocelot-Social-Community/Ocelot-Social
1
0
Fork 0
mirror of https://github.com/Ocelot-Social-Community/Ocelot-Social.git synced 2025-12-13 07:46:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

Cleanup

Browse Source
This commit is contained in:
Wolfgang Huß 2023-01-10 10:35:12 +01:00
parent e61e82d72b
commit f18b1202c1
1 changed files with 12 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
webapp/pages/map.vue
View File

@ -17,21 +17,18 @@
@load="onMapLoad"
>
<!-- <MglScaleControl /> -->
<!-- TODO: Move into mapboxgl-control-container -->
<div class="map-controls">
<ds-button
class="style-button"
v-for="style in styles.available"
:key="style.title"
filled
size="small"
:primary="mapOptions.style === style.url ? true : false"
@click="setStyle(style.url)"
>
{{ style.title }}
</ds-button>
<MglMarker :coordinates="[10.452764, 51.165707]" color="blue" />
</div>
<ds-button
class="style-button"
v-for="style in styles.available"
:key="style.title"
filled
size="small"
:primary="mapOptions.style === style.url ? true : false"
@click="setStyle(style.url)"
>
{{ style.title }}
</ds-button>
<MglMarker :coordinates="[10.452764, 51.165707]" color="blue" />
</mgl-map>
</client-only>
</template>
@ -100,8 +97,6 @@ export default {
<style lang="scss">
// description: https: //github.com/geospoc/v-mapbox/tree/v1.11.2/docs
// code example: https: //codesandbox.io/embed/v-mapbox-map-demo-k1l1n?autoresize=1&fontsize=14&hidenavigation=1&theme=dark
// @import "~mapbox-gl/dist/mapbox-gl.css";
// @import "~v-mapbox/dist/v-mapbox.css";
@import "mapbox-gl/dist/mapbox-gl.css";
@import "v-mapbox/dist/v-mapbox.css";
@ -112,18 +107,4 @@ export default {
margin-left: 5px;
margin-top: 5px;
}
// .map-controls {
// position: absolute;
// top: 100px;
// padding-left: 3px;
// }
// .map-controls button {
// margin-left: 5px;
// }
// .mapboxgl-control-container {
// margin-top: -45px;
// }
// .mapboxgl-control-container a {
// color: black;
// }
</style>