پایگاه داده مکانی اَبری
زیرساخت مکانی پروژه‌های شما، بدون دردسر راه‌اندازی سرور

نمونه کد Leaflet و OpenLayers برای خواندن لایه منتشرشده

مرجع آخرین بازبینی: ۱۴۰۵/۰۷/۲۹

پاسخ کوتاه

Leaflet با GeoJSON از OGC API (برای تعداد کم عارضه) کار می‌کند؛ OpenLayers تایل برداری را مستقیم می‌خواند. برای حجم زیاد از تایل برداری استفاده کنید.

Leaflet (GeoJSON)

fetch('https://سایت-شما/ogc/LAYER/collections/COLLECTION/items?limit=500')
  .then(r => r.json())
  .then(data => L.geoJSON(data).addTo(map));

مقدار COLLECTION را از /collections بخوانید (OGC API). برای عارضه‌های زیاد کند می‌شود (مقایسه).

OpenLayers (تایل برداری)

import VectorTileLayer from 'ol/layer/VectorTile';
import VectorTileSource from 'ol/source/VectorTile';
import MVT from 'ol/format/MVT';

const layer = new VectorTileLayer({
  source: new VectorTileSource({
    format: new MVT(),
    url: 'https://سایت-شما/tiles/LAYER/{z}/{x}/{y}.pbf'
  })
});

نمونه MapLibre هم ببینید.

آیا این مقاله به شما کمک کرد؟

چه چیزی کم بود؟ (اختیاری)

هنوز جواب نگرفتید؟ به پشتیبانی بگویید.