0.1.3 • Published 5 years ago

map-search-vue v0.1.3

Weekly downloads
1
License
MIT
Repository
github
Last release
5 years ago

map-search-vue

npm vue2

Maptalks search components for Vue 2.x

Get Start

Installation

npm install map-search-vue --save
yarn add map-search-vue

Initialization

import Vue from 'vue'
import MapSearchVue from 'map-search-vue'

Vue.use(MapSearchVue)

Usage

<template>
  <map-search-vue tk="YOUR_TK_KEY"></map-search-vue>
</template>

Quick Examples

Map with center marker

<map-search-vue tk="YOUR_TK_KEY" :center=[110,32]></map-search-vue>

Auto GeoCode

<map-search-vue tk="YOUR_TK_KEY" :autoGeoCode="true"></map-search-vue>

Method

<map-search-vue tk="YOUR_TK_KEY" ref="map" @map-info="whenChange" ></map-search-vue>

vm.$refs.map.search("txt");
vm.$refs.map.suggest("txt");
vm.$refs.map.geocode({x:112,y:32});

Events

Event NameDescriptionParameters
map-infotriggers when search,suggest,geocodeone parameters:{type,coordinate,data}

props

AttributeTypeDescriptionDefault
centerArrayinitial center of the map114.316200103,30.5810841269
searchExtentArraySearch Range110.58838,29.25286,118.09204,31.98012
httpsBooleanhttp or httpstrue
markerInCenterBooleanauto center maptrue
autoGeoCodeBooleangeocode when map changefalse
timeoutNumberhttp request timeout6000
tkStringtianditu key""
0.1.3

5 years ago

0.1.2

5 years ago

0.1.1

5 years ago

0.1.0

5 years ago