0.1.21 • Published 2 years ago
cargolink-map-js v0.1.21
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
0.1.21
2 years ago