
Event App and Maps
Awesome event app with Google Maps integration
$0.00
Details
- Version:
- 1.0.1
- Ionic:
- 1.x
- Platforms:
- iOS, Android
- Released:
- 5 years ago
- Updated:
- 4 years ago
- Category:
- Starters
- Tags:
- maps, event, events, google maps, google, sidemenu, pin, marker, round images, native map, dialer,
This is an addon starter template based on my ionic-starter-requirejs template for the Ionic Framework. It is a base event app with the usage of Google Maps (custom directive).
How to use this template
To use this, either create a new ionic project using the ionic node.js utility, or copy and paste this into an existing Cordova project.
Or use the files from ionic market: Go
It is a clean project without external dependencies!
Configuring the project
- go to the \www\app\controllers\ folder and open up the results.js with your favorite editor
- Edit the following line to include your Google API key:
javascript
$scope.apiKey = 'YOUR_API_KEY_HERE';
Trying out the app
- Issue ionic serve in your shell to try out the app in your regular local browser
- Issue ionic run android / ios in your shell to try out the app in a real device
Example data
Finding something in the demo content: Type in 'Berlin', 'Ber', 'Sports' or 'Düsseldorf'
Content
- Handling possible backend-requests in services -> add your backend easy and fast!
- mockdata
- simulate backend connections with promises and timeouts -> you can check possible loading spinners and so on
- simple and only a little bit scss styling
- usage of ionRefresher, infiniteScroll, ionSpinner, Popups, Modals -> if you are new in ionic you can see all this in action
- Custom little Google Maps directive to show map and markers (linked markers) -> no external library
- open native maps app via detail page
- open dialer for tel contact on detail page
- open mail app for email contact on detail page
- open browser for website on detail page
- random images :)