Leaflet Map

Display a map on the page using Leaflet.

vue
<template>
 <b-div ratio="16x9">
  <LMap
   :zoom="10"
   :center="[35.681236, 139.767125]"
   :use-global-leaflet="false"
  >
   <LTileLayer
    url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
    layer-type="base"
    name="OpenStreetMap"
   />
  </LMap>
 </b-div>
</template>

<style lang="css">
.leaflet-pane{
  z-index: 0 !important;
}
.leaflet-bottom, .leaflet-top {
 z-index: 0 !important;
}
</style>