https://github.com/andriannus/searchmap

Find places and Draw on Map using Google Maps API
https://github.com/andriannus/searchmap

codeigniter gis google-maps-api javascript php vue

Last synced: about 1 month ago
JSON representation

Find places and Draw on Map using Google Maps API

• Host: GitHub
• URL: https://github.com/andriannus/searchmap
• Owner: andriannus
• License: mit
• Created: 2018-06-27T07:30:21.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2018-10-01T15:37:07.000Z (about 6 years ago)
• Last Synced: 2024-10-01T00:41:06.252Z (about 2 months ago)
• Topics: codeigniter, gis, google-maps-api, javascript, php, vue
• Language: PHP
• Homepage: https://search-map.000webhostapp.com
• Size: 631 KB
• Stars: 53
• Watchers: 6
• Forks: 54
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • Contributing: contributing.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Search Map

> Find places, Draw on Map, and Show Current Location using Google Maps API

## What's New?

1. Get place/area in real time

2. Login before saving a place

3. New navigation menu display

## Tools

1. PHP - CodeIgniter `3.1.9`

2. CSS - Bulma and Animate.css

3. JavaScript - Pusher.js, Vue.js `2.5.17`, Lodash `4.17.10`, Validate.js `0.12.0`, Moment.js `2.22.2`, Particles.js `2.0.0`, Wow.js, and Axios

4. Google Maps API `Places API For Web` and `Maps Javascript API`

## Installation

1. Clone or Download this Project

2. If Download, rename this Project to `searchmap` and move it to `xampp/htdocs` or `var/www/html` or like

3. Type the `composer update` in the Project folder

4. Open file `application/views/core/layouts/app.php`

5. Change `API_KEY` with `Your API_KEY`

6. Open file `application/controllers/Pusher.php`

7. Change `KEY_1`, `KEY_2`, and `KEY_3` with `Your KEY`

8. Create Database with name `searchmap` and import file `searchmap.sql`

## How To Get API_KEY?

Plase visit [Google Developers](https://developers.google.com/maps/documentation/javascript/get-api-key)

## How To Get KEY_1, KEY_2, or KEY_3?

Please visit [Pusher](https://pusher.com)

## How To Run?

Plase visit `http://localhost/searchmap`

## References

1. Google Maps API - [Link](https://developers.google.com/maps/documentation)

2. Pusher - [Link](https://pusher.com)

2. Vue.js - [Link](https://vuejs.org)

3. Lodash - [Link](https://lodash.com)

4. Validate.js - [Link](https://validatejs.org)

5. Particles.js - [Link](https://github.com/VincentGarreau/particles.js)

6. Moment.js - [Link](https://momentjs.com)

7. Wow.js - [Link](https://wowjs.uk)

8. Bulma - [Link](https://bulma.io)

9. Animate.css - [Link](https://daneden.github.io/animate.css)

## License

[MIT](https://github.com/andriannus/searchmap/blob/master/LICENSE)