open-index/open-npm huggingface dataset:
npm package: @lightmap/base-map
Description: base-map
Author: light4d
Latest version: 1.0.4

# lightmap

> base-map

# Installation
```
npm install @lightmap/base-map -S
```
# Import 

    import baseMap from '@lightmap/base-map'

    Vue.use( baseMap )
# Usage

## Options of base-map
|    Option |   Description  | Type
| --- | --- | --- |
|   styleType | Default is 1, display vertical, styleType is 2, display horizontal    | Number
|baseurl | Map path | String
|loadbasemapurl| Click the event triggered by each base image and return the parameter: Map path(url)| Funtion
|

## Use in components
```html
<template>
  <div id="app">
    <base-map :basemapurl="this.url" @loadbasemapurl="loadbasemapurl" :styleType='styleType'></base-map>
  </div>
</template>

<script>
export default {
  name: 'app',
  data(){
    return {
      url:'',
      styleType:2
    }
  },
  methods:{
    loadbasemapurl(url){
      alert(url)
    }
  }
}
</script>
```
npm package: @lightmap/lightmap-ui
Description: A Component Library for Vue.js.
Author: light4d
Latest version: 1.0.12

# lightmap

> base-map

> edit-layer

# Installation
```
npm install @lightmap/lightmap-ui -S
```
# Import
main.js中
```
import lightmapUI from '@lightmap/lightmap-ui';
Vue.use( lightmapUI )
```

# Usage 
## Usage base-map
### Options of base-map
|    Option |   Type  | Description
| --- | --- | --- |
|   styleType |  Number   | Default is 1, display vertical, styleType is 2, display horizontal
|baseurl | String | Map path
|loadbasemapurl| Funtion | Click the event triggered by each base image and return the parameter: Map path(url)
|

### Usage in components
```html
<template>
  <div id="app">
    <base-map :basemapurl="this.url" @loadbasemapurl="loadbasemapurl" :styleType='styleType'></base-map>
  </div>
</template>

<script>
import { baseMap } from '@lightmap/lightmap-ui'
export default {
  name: 'app',
  data(){
    return {
      url:'',
      styleType:2
    }
  },
  methods:{
    loadbasemapurl(url){
      alert(url)
    }
  }
}
</script>
```

### Usage edit-layer