سبک، ترافیک و مکان‌ها

سبک نقشه را تغییر دهید و ترافیک و POI واقعی را کنترل کنید.

۱ دقیقه مطالعهVue 3 / Nuxt 4همراه مثال زنده

مطالب این صفحه

مثال تعاملیMapLibre

Vue 3 · TypeScript

<script setup lang="ts">
import { ref } from 'vue'
import { NeshanMapLibre, MAPLIBRE_STYLES, type Coordinates } from 'vue-neshan-maps'
import 'vue-neshan-maps/style.css'

const webKey = import.meta.env.VITE_NESHAN_WEB_KEY
const center = ref<Coordinates>([35.72, 51.36])
const zoom = ref(12.2)
</script>

<template>
  <NeshanMapLibre
    v-model="center" v-model:zoom="zoom"
    :api-key="webKey"
    :styles="{ height: '420px' }"
    :center-marker="false"
    :map-style="MAPLIBRE_STYLES.light"
    :traffic="true" :poi="true"
  />
</template>

متغیر VITE_NESHAN_WEB_KEY را در .env.local خارج از Git تنظیم کنید. کد مطابق کنترل‌های همین مثال است و کلید واقعی در آن نیست.

‏ترافیک، مکان‌ها و سبک#

‏مقادیر traffic و poi را مطابق نمونه به متغیرهای بولی متصل کنید. پیش‌فرض هر دو خاموش است. سبک‌های استاندارد نشان منابع لازم را دارند. ثابت MAPLIBRE_STYLES پنج گزینهٔ light، dark، monochrome_light، monochrome_dark و pastel ارائه می‌کند.

‏تغییر mapStyle نمونهٔ نقشه، مارکرهای DOM و پاپ‌آپ را حفظ می‌کند؛ پس از بارگیری سبک، لایه‌های مدیریت‌شده و وضعیت نمایش دوباره اعمال می‌شوند. سبک سفارشی نسخهٔ ۸ یا URL باید منابع و لایه‌های سازگار traffic و points_source نشان را داشته باشد. رویداد warning نبود گروه‌ها و live-layers شناسهٔ لایه‌های پیدا‌شده را گزارش می‌دهد.

‏وقتی ترافیک روشن است، کاشی‌های آن هر ۶۰ ثانیه دوباره درخواست می‌شوند. تازگی، کش، سهمیه و دسترسی را نشان تعیین می‌کند. مکان‌ها در زوم پایین ممکن است دیده نشوند. خروجی getDiagnostics() عوارض رندرشدهٔ نمای فعلی را می‌شمارد؛ روشن‌بودن کلید به تنهایی به معنای بارگیری داده نیست.

بخشی نیاز به توضیح بیشتر دارد؟مشاهدهٔ متن راهنما گزارش ایراد

سبک، ترافیک و مکان‌ها

اجرا روی نقشهٔ واقعی نشان

‏ترافیک، مکان‌ها و سبک#