Basemap

کامپوننت <Basemap /> ارائه دهنده کنترل Tile نقشه است که برای تعیین نوع Tile نقشه استفاده می‌شود و به عنوان یک child درون کامپوننت والد خود که <Parsimap /> است، قرار گرفته می‌شود.

طریقه استفاده پایه

کنترل Tile نقشه در ساده‌ترین شکل خود نیاز به تعیین گزینه type دارد و برای تعامل با آن، لازم است از گزینه‌ها و استایل مدنظر این کنترل با توجه به نیاز، استفاده نمود.

import React, { Component } from 'react';
import { Parsimap, Basemap } from 'react-parsimap';

// Set API Key via static `setKey` method of imported `Parsimap` class.
Parsimap.setKey('API_KEY');

export default class App extends Component {
    // Using `Basemap` through define a type like `toggle`.
    render() {
        return (
            <Parsimap
                id="map"
                height="100%"
                center={{ lat: 35.7575, lng: 51.41 }}
            >
                <Basemap type="toggle" />
            </Parsimap>
        );
    }
}

نوع toggle برای کنترل tile نقشه در نظر گرفته شده است.

بکارگیری پیشرفته

کنترل Tile نقشه می‌تواند به صورت پیشرفته نیز بکارگرفته شود. با استفاده از استایل‌بندی می‌توان یک کلاس CSS را برای کنترل تعیین نمود. بوسیله اعمال گزینه‌ها می‌توان موقعیت کنترل را روی نقشه تعیین نمود. هر کنترل نیازمند بکارگیری یک نوع خاص است.

import React, { Component } from 'react';
import { Parsimap, Basemap } from 'react-parsimap';

// Set API Key via static `setKey` method of imported `Parsimap` class.
Parsimap.setKey('API_KEY');

export default class App extends Component {
    // The `style` set a CSS class. The `options` change position of control.
    // Define a type like `horizontal`.
    render() {
        return (
            <Parsimap
                id="map"
                height="100%"
                center={{ lat: 35.7575, lng: 51.41 }}
            >
                <Basemap
                    type="horizontal"
                    style={{ className: 'my-basemap' }}
                    options={{ position: 'top-left' }}
                />
            </Parsimap>
        );
    }
}

نوع horizontal برای کنترل tile نقشه در نظر گرفته شده است.

وابستگی‌ها

بکارگیری کامپوننت نیازمند وابستگی‌هایی است که به طور کامل در بخش نصب و راه‌اندازی شرح داده شده است. همچنین در بخش نحوه صحیح بکارگیری درصد می‌توان اطلاعاتی کاملی را جهت تعیین ارتفاع نقشه کسب نمود.