/cargolink-map

Primary LanguageVue

cargolink-map

References

Goong Documents: https://docs.goong.io/javascript/

Install package

npm i cargolink-map

Import style

import 'cargolink-map/dist/cargolink-map.css'

Import package

import CargolinkMap from "cargolink-map";
Vue.use(CargolinkMap, {
    driver: "goongmap",
    apiToken: "YOUR_API_TOKEN", // Using when call API ex: get direction...
    mapToken: "YOUR_MAP_TOKEN" // Using when load map
})

Component

  • CargoMap
Props Description
mode type: string
description: Set mode of map
default: ""https://tiles.goong.io/assets/goong_map_web.json""
References: "https://docs.goong.io/style-spec/"
zoom type: number
description: Set zoom of map
default: 9
styleMap type: object
description: Style of map
Example: {width: '500px', height: '500px'}
markers type: Array
description: Array of marker
Example:
{options, longlat: [105.83991, 21.02800], dragend: (data) => {console.log('DATA', data);}, drag: (data) => {console.log('DATA', data);}, dragstart: (data) => {console.log('DATA', data);}}
References:
options: https://docs.goong.io/javascript/markers/
direction type: Object
description: Find direction into map
Ex: {origin: '127,27', destination: ['127,27']}

  • SearchAddressInput

    • v-model: Object
Props Description
classInput type: Array
description: Style input
classSuggestAddress type Array
description: Style suggest address
classNotFoundResult type Array
description: Style not found component
Slot Description
suggest-address description: Suggest address component
not-found-address description: Not found address component

  • SuggestionAddress

    • v-model: object