├── .gitignore
├── package.json
├── Vue2LeafletGeosearch.vue
├── LICENSE
├── yarn.lock
└── README.md


/.gitignore:
--------------------------------------------------------------------------------
 1 | # Logs
 2 | logs
 3 | *.log
 4 | npm-debug.log*
 5 | 
 6 | # Runtime data
 7 | pids
 8 | *.pid
 9 | *.seed
10 | 
11 | # Directory for instrumented libs generated by jscoverage/JSCover
12 | lib-cov
13 | 
14 | # Coverage directory used by tools like istanbul
15 | coverage
16 | 
17 | # nyc test coverage
18 | .nyc_output
19 | 
20 | # Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
21 | .grunt
22 | 
23 | # node-waf configuration
24 | .lock-wscript
25 | 
26 | # Compiled binary addons (http://nodejs.org/api/addons.html)
27 | build/Release
28 | 
29 | # Dependency directories
30 | node_modules
31 | jspm_packages
32 | 
33 | # Optional npm cache directory
34 | .npm
35 | 
36 | # Optional REPL history
37 | .node_repl_history
38 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "vue2-leaflet-geosearch",
 3 |   "version": "1.0.7",
 4 |   "description": "GeoSearch plugin extension for vue2-leaflet package",
 5 |   "main": "Vue2LeafletGeosearch.vue",
 6 |   "repository": {
 7 |     "type": "git",
 8 |     "url": "https://github.com/fega/vue2-leaflet-geosearch.git"
 9 |   },
10 |   "keywords": [
11 |     "vue2",
12 |     "leaflet",
13 |     "GeoSearch"
14 |   ],
15 |   "license": "MIT",
16 |   "bugs": {
17 |     "url": "https://github.com/fega/vue2-leaflet-geosearch/issues"
18 |   },
19 |   "homepage": "https://github.com/fega/vue2-leaflet-geosearch#readme",
20 |   "dependencies": {
21 |     "leaflet-geosearch": "^3.1.0",
22 |     "vue2-leaflet": "^0.0.55"
23 |   },
24 |   "author": "Fabian Gutierrez <fega.hg@gmail.com> (fabiangutierrez.co)"
25 | }


--------------------------------------------------------------------------------
/Vue2LeafletGeosearch.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div>
 3 | 
 4 |   </div>
 5 | </template>
 6 | 
 7 | <script>
 8 | // import L from 'leaflet';
 9 | import { GeoSearchControl } from 'leaflet-geosearch';
10 | 
11 | 
12 | export default {
13 |   props: {
14 |     options: {
15 |       required: true,
16 |     },
17 |   },
18 |   name: 'v-geosearch',
19 |   mounted() {
20 |     this.add();
21 |   },
22 |   beforeDestroy() {
23 |     this.remove();
24 |   },
25 |   methods: {
26 |     deferredMountedTo(parent) {
27 |       const searchControl = new GeoSearchControl(this.options);
28 |       parent.addControl(searchControl);      
29 |       searchControl.getContainer().onclick = e => { e.stopPropagation(); };
30 |     },
31 |     remove() {
32 |       if (this.markerCluster) {
33 |         this.$parent.removeLayer(this.markerCluster);
34 |       }      
35 |     },
36 |     add() {
37 |       if (this.$parent._isMounted) {
38 |         this.deferredMountedTo(this.$parent.mapObject);
39 |       }
40 |     },
41 |   },
42 | };
43 | </script>
44 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2018 Fabian Gutierrez
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/yarn.lock:
--------------------------------------------------------------------------------
 1 | # THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
 2 | # yarn lockfile v1
 3 | 
 4 | 
 5 | leaflet-geosearch@^3.1.0:
 6 |   version "3.1.0"
 7 |   resolved "https://registry.yarnpkg.com/leaflet-geosearch/-/leaflet-geosearch-3.1.0.tgz#47cb700c2a295f1c6d85615464c6707f00b07796"
 8 |   integrity sha512-72hIxv5lhXabYBIVC4nPRr4qZ+lUBJokpJkMgXzTazBx/51qy8joOpcBgR2jE4XkJCXcWA8Xg/Qzb4d2jEvifQ==
 9 |   optionalDependencies:
10 |     leaflet "^1.6.0"
11 | 
12 | leaflet@^1.2.0:
13 |   version "1.2.0"
14 |   resolved "https://registry.yarnpkg.com/leaflet/-/leaflet-1.2.0.tgz#fd5d93d9cb00091f5f8a69206d0d6744c1c82697"
15 | 
16 | leaflet@^1.6.0:
17 |   version "1.7.1"
18 |   resolved "https://registry.yarnpkg.com/leaflet/-/leaflet-1.7.1.tgz#10d684916edfe1bf41d688a3b97127c0322a2a19"
19 |   integrity sha512-/xwPEBidtg69Q3HlqPdU3DnrXQOvQU/CCHA1tcDQVzOwm91YMYaILjNp7L4Eaw5Z4sOYdbBz6koWyibppd8Zqw==
20 | 
21 | vue2-leaflet@^0.0.55:
22 |   version "0.0.55"
23 |   resolved "https://registry.yarnpkg.com/vue2-leaflet/-/vue2-leaflet-0.0.55.tgz#1a5b134ac0b7849f80513400290c9901fa3ba3b4"
24 |   dependencies:
25 |     leaflet "^1.2.0"
26 |     vue "^2.0.0-rc.8"
27 | 
28 | vue@^2.0.0-rc.8:
29 |   version "2.4.2"
30 |   resolved "https://registry.yarnpkg.com/vue/-/vue-2.4.2.tgz#a9855261f191c978cc0dc1150531b8d08149b58c"
31 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # vue2-leaflet-geosearch
 2 | 
 3 | This is a [GeoSearch plugin](https://github.com/smeijer/leaflet-geosearch) extension for [vue2-leaflet package](https://github.com/KoRiGaN/Vue2Leaflet)
 4 | 
 5 | ## Install
 6 | ```sh
 7 | npm install --save vue2-leaflet-geosearch leaflet-geosearch
 8 | # or
 9 | yarn add vue2-leaflet-geosearch leaflet-geosearch
10 | ```
11 | ## Usage
12 | 
13 | Use something like this, where geosearchOptions is the [GeoSearch plugin Options](https://github.com/smeijer/leaflet-geosearch), Also dont forget to add the CSS file `  <link rel="stylesheet" href="https://unpkg.com/leaflet-geosearch@2.6.0/assets/css/leaflet.css">`
14 | 
15 | ``` html
16 | <v-map :zoom=3 :center="location">
17 |   <v-tilelayer url="http://{s}.tile.osm.org/{z}/{x}/{y}.png"></v-tilelayer>
18 |   <!-- IMPORTANT PART HERE -->
19 |   <v-geosearch :options="geosearchOptions" ></v-geosearch>
20 |   <!-- /IMPORTANT PART HERE -->
21 | </v-map>
22 | 
23 | <script>
24 | import Vue from 'vue';
25 | import Vue2Leaflet from 'vue2-leaflet';
26 | import { OpenStreetMapProvider } from 'leaflet-geosearch';
27 | import VGeosearch from 'vue2-leaflet-geosearch';
28 | 
29 | Vue.component('v-map', Vue2Leaflet.Map);
30 | Vue.component('v-tilelayer', Vue2Leaflet.TileLayer);
31 | 
32 | export default {
33 |   components: { VGeosearch },
34 |   data() {
35 |     return {
36 |       geosearchOptions: { // Important part Here
37 |         provider: new OpenStreetMapProvider(),
38 |       },
39 |     };
40 |   },
41 | };
42 | </script>
43 | ```
44 | 
45 | # License
46 | 
47 | MIT
48 | 
49 | # Contribute
50 | 
51 | Of course :D
52 | 


--------------------------------------------------------------------------------