Maptalks search components for Vue 2.x
npm install map-search-vue --save
yarn add map-search-vue
import Vue from 'vue'
import MapSearchVue from 'map-search-vue'
Vue.use(MapSearchVue)<template>
<map-search-vue tk="YOUR_TK_KEY"></map-search-vue>
</template><map-search-vue tk="YOUR_TK_KEY" :center=[110,32]></map-search-vue><map-search-vue tk="YOUR_TK_KEY" :autoGeoCode="true"></map-search-vue><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});| Event Name | Description | Parameters |
|---|---|---|
| map-info | triggers when search,suggest,geocode | one parameters:{type,coordinate,data} |
| Attribute | Type | Description | Default |
|---|---|---|---|
| center | Array | initial center of the map | [114.316200103,30.5810841269] |
| searchExtent | Array | Search Range | [110.58838,29.25286,118.09204,31.98012] |
| https | Boolean | http or https | true |
| markerInCenter | Boolean | auto center map | true |
| autoGeoCode | Boolean | geocode when map change | false |
| timeout | Number | http request timeout | 6000 |
| tk | String | tianditu key | "" |