Skymap Map - Map Printer Control

Install

yarn add @skymapglobal/map-printer

Usage

NOTE: MUST set preserveDrawingBuffer = true for printing function

<template>
  <Map :init-options="initOptions">
    <BaseMapControl position="top-right" />

    <MapPrinterControl position="top-right" />
  </Map>
</template>

<script>
import { Map, BaseMapControl } from "@skymapglobal/map";
import { MapPrinterControl } from "@skymapglobal/map";

export default {
  components: {
    Map,
    BaseMapControl,
    MapPrinterControl
  },

  data: () => ({
    initOptions: {
      center: [75.02861351131037, 20.27995156503087],
      zoom: 2.0538984656017196,
      maxZoom: 22,
      attributionControl: false,
      zoomControl: false,
      preserveDrawingBuffer: true // MUST set to true for map printer
    }
  })
};
</script>