Search results

Custom Path in Vue Maps component

29 Sep 2022 / 1 minute to read

Maps control can be customized as the desired layout using the custom path map feature. Here, the Maps control has been showcased with normal geometry type shapes to represent the bus seat selection layout.

Copied to clipboard
    <div id="app">
        <div class='wrapper'>
        <div style="border: 3px solid darkgray; width: 200; display; 'block'; margin: auto;">
            <ejs-maps :height='height'>
                    <e-layer :shapeData='shapeData' :geometryType='geometryType'>

import Vue from 'vue';
import { MapsPlugin, MapsComponent } from '@syncfusion/ej2-vue-maps';
import { seat } from './seat.js';
export default {
data () {
    return {
      geometryType: 'Normal',
      shapeData: seat,
      height: '400'
  .wrapper {
    max-width: 400px;
    margin: 0 auto;