d5ba21fa76
Standalone repo that builds embeddable JAMstack map bundles (web components), composes them into a lazy-loaded SPA via layouts/, and optionally wraps a Capacitor Android/iOS app — one build, choose your output/CDN. Diátaxis docs. History reset to a single clean commit; no PII, IPs, or internal terms.
28 lines
704 B
Vue
28 lines
704 B
Vue
<!--
|
|
ZoomInButton.vue — Increments the map zoom level by one step.
|
|
|
|
Props:
|
|
map — the live mapboxgl.Map instance (Object, required)
|
|
isDark — theme flag forwarded from parent
|
|
-->
|
|
<script setup>
|
|
import { useI18n } from 'vue-i18n'
|
|
import MapControlButton from './MapControlButton.vue'
|
|
|
|
const { t } = useI18n()
|
|
|
|
const props = defineProps({
|
|
map: { type: Object, default: null },
|
|
isDark: { type: Boolean, default: false }
|
|
})
|
|
|
|
function zoomIn() {
|
|
props.map?.zoomIn()
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<MapControlButton :is-dark="isDark" :title="t('buttons.zoomIn')" @click="zoomIn">
|
|
<span style="font-size:20px;line-height:1;font-weight:600;">+</span>
|
|
</MapControlButton>
|
|
</template>
|