Published on March 16, 2017 by Mindspace
Want create site? Find Free WordPress Themes and plugins.

This video is part of my Ionic 2 Miniseries where we’re going to use Angular and Ionic 2 to build a nice little application, running natively on mobile devices.

The full source code can be found in the following Github repo (choose the right branch!): github.com/mschwarzmueller/yt-ionic2-my-places

Want to learn much more about Ionic 2 or Angular? Consider diving into my courses on Udemy:
Ionic 2 – The Practical Guide for only $15: www.udemy.com/ionic-2-the-practical-guide-to-building-ios-android-apps/?couponCode=GETINTOIT
Angular – The Complete Guide for only $15, too: www.udemy.com/the-complete-guide-to-angular-2/?couponCode=YOUTUBE_2

Want to get some 1-on-1 coaching with experienced developers? Have a look at Savvy: www.savvy.is/?ref=9fee2b (Discount Code 9fee2b)

You can follow me on Twitter (@maxedapps), Facebook (www.facebook.com/mindspacechannel/) or visit my Website (mschwarzmueller.com).

See you in the videos!

Did you find apk for android? You can find new Free Android Games and apps.

Leave a Reply

80 Comments on "IONIC 2 FULL APP (2/2) – GEOLOCATION & MAPS | Ionic 2 + Angular to build a full Mobile Application"

Notify of
avatar

Manny Lignos
Guest
Manny Lignos
3 months 3 days ago

Anyone having trouble with the "Can't resolve all parameters For Storage"? Use this it should work….Add this to your imports app.module.ts:import { IonicStorageModule } from '@ionic/storage';Then Further down in the imports add this: IonicStorageModule.forRoot(),

Mustafa Lokhanwala
Guest
Mustafa Lokhanwala
3 months 4 days ago

Hello sir,Thanks for the amazing tutorial,it really Helps me out,But when i run this ionic project in real android device the map is not showing….so please help me out in this issue…

Dawda Fatty
Guest
Dawda Fatty
3 months 8 days ago

If you are having troubles with the Storage, you just have to use the latest version of it, which is in Ionic Docs file.ionicframework.com/docs/storage/I did it, and it worked 🙂

Salman Khan
Guest
Salman Khan
3 months 9 days ago

Hello sir plz help me i'm stuck in this error Runtime ErrorUncaught (in promise): TypeError: Cannot read property 'latitude' of undefined TypeError: Cannot read property 'latitude' of undefined at Object.eval [as updateRenderer] () at Object.debugUpdateRenderer [as updateRenderer] (localhost:8100/build/main.js:13101:21) at checkAndUpdateView (localhost:8100/build/main.js:12406:14) at callViewAction (localhost:8100/build/main.js:12764:21) at execComponentViewsAction (localhost:8100/build/main.js:12696:13) at checkAndUpdateView (localhost:8100/build/main.js:12407:5) at callWithDebugContext (localhost:8100/build/main.js:13463:42) at Object.debugCheckAndUpdateView [as checkAndUpdateView] (localhost:8100/build/main.js:13003:12) at ViewRef_.detectChanges (localhost:8100/build/main.js:10475:63) at NavControllerBase._viewAttachToDOM (localhost:8100/build/main.js:44122:40)

Lucas Ferreira
Guest
Lucas Ferreira
2 months 29 days ago

found my problem!
I've just removed:
<p> Your Location: {{location.coords.latitude}}/{{location.coords.longitude}}</p> from my code.

Lucas Ferreira
Guest
Lucas Ferreira
2 months 29 days ago

I got the same error here bro, still trying to fix.
I saw in AGM site that they have changed the html tags to:

<agm-map [latitude]="lat" [longitude]="lng">
<agm-marker [latitude]="lat" [longitude]="lng"></agm-marker>
</agm-map>

but still not working…

Shekh Raies
Guest
Shekh Raies
3 months 15 days ago

I buulded ionic 3 and angular4 broject . but i am facing some proble in android phone when i start my app the app is booting tooo slow. how can i fix this

Sarika Chaudhari
Guest
Sarika Chaudhari
3 months 17 days ago

Hey how to solve this problem..help meRuntime ErrorUncaught (in promise): TypeError: this.navParams.data.location is undefined PlacePage@localhost:8100/build/main.js:56737:9 createClass@localhost:8100/build/main.js:11138:26 createDirectiveInstance@localhost:8100/build/main.js:10974:37 createViewNodes@localhost:8100/build/main.js:12324:49 createRootView@localhost:8100/build/main.js:12229:5 callWithDebugContext@localhost:8100/build/main.js:13360:39 debugCreateRootView@localhost:8100/build/main.js:12821:12 ComponentFactory_.prototype.create@localhost:8100/build/main.js:10165:37 ComponentFactoryBoundToModule.prototype.create@localhost:8100/build/main.js:3780:16 ViewContainerRef_.prototype.createComponent@localhost:8100/build/main.js:10365:45 ModalCmp.prototype.ionViewPreLoad@localhost:8100/build/main.js:49489:45 ViewController.prototype._lifecycle@localhost:8100/build/main.js:17118:13 ViewController.prototype._preLoad@localhost:8100/build/main.js:16968:9 NavControllerBase.prototype._preLoad@localhost:8100/build/main.js:44360:9 NavControllerBase.prototype._viewInit@localhost:8100/build/main.js:44005:9 NavControllerBase.prototype._nextTrns/<@localhost:8100/build/main.js:43795:17 f</t.prototype.invoke@localhost:8100/build/polyfills.js:3:8486 onInvoke@localhost:8100/build/main.js:4478:28 f</t.prototype.invoke@localhost:8100/build/polyfills.js:3:8413 c</r.prototype.run@localhost:8100/build/polyfills.js:3:3667 f/<@localhost:8100/build/polyfills.js:3:13181 f</t.prototype.invokeTask@localhost:8100/build/polyfills.js:3:9161 onInvokeTask@localhost:8100/build/main.js:4469:28 f</t.prototype.invokeTask@localhost:8100/build/polyfills.js:3:9074 c</r.prototype.runTask@localhost:8100/build/polyfills.js:3:4330 o@localhost:8100/build/polyfills.js:3:1430 t/this.invoke@localhost:8100/build/polyfills.js:3:10190

Sarika Chaudhari
Guest
Sarika Chaudhari
3 months 18 days ago

I'm using Ionic Framework: 3.2.1…this code is not working on my system..gives error like Runtime ErrorCan't resolve all parameters for Storage: (?).what can i do to resolve this problem?

Єdu Cv
Guest
Єdu Cv
3 months 5 days ago

error Solved :v

Єdu Cv
Guest
Єdu Cv
3 months 5 days ago

how?

Sarika Chaudhari
Guest
Sarika Chaudhari
3 months 17 days ago

Error Solved…

Hasanthi Devendra
Guest
Hasanthi Devendra
3 months 18 days ago
Runtime ErrorCan't resolve all parameters for Storage: (?).StackError: Can't resolve all parameters for Storage: (?). at syntaxError (localhost:8100/build/main.js:76132:34) at CompileMetadataResolver._getDependenciesMetadata (localhost:8100/build/main.js:89469:35) at CompileMetadataResolver._getTypeMetadata (localhost:8100/build/main.js:89337:26) at CompileMetadataResolver._getInjectableMetadata (localhost:8100/build/main.js:89323:21) at CompileMetadataResolver.getProviderMetadata (localhost:8100/build/main.js:89613:40) at localhost:8100/build/main.js:89542:49 at Array.forEach (native) at CompileMetadataResolver._getProvidersMetadata (localhost:8100/build/main.js:89503:19) at CompileMetadataResolver.getNgModuleMetadata (localhost:8100/build/main.js:89158:50) at JitCompiler._loadModules (localhost:810this comes when runnig after completing storage partmy detailIonic Framework: 3.3.0Ionic App Scripts: 1.3.7Angular Core: 4.1.2Angular Compiler CLI: 4.1.2Node: 6.10.3OS Platform: Windows 8.1Navigator Platform: Win32User Agent: Mozilla/5.0 (Windows NT 6.3; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/57.12.2987.98 Safari/537.36how can i overcome this
Manny Lignos
Guest
Manny Lignos
3 months 3 days ago

Try this buddyAdd this to your imports app.module.ts:import { IonicStorageModule } from '@ionic/storage';Then Further down in the imports add this: IonicStorageModule.forRoot(),

Hasanthi Devendra
Guest
Hasanthi Devendra
3 months 18 days ago

ionViewWillEnter() { this.placesService.getPlaces() .then( (places) => this.places = places ); }//im getting error in using then it shows void cant put then in cording ..what can i do

IT k
Guest
IT k
3 months 19 days ago

I kept having problem on can not find module ionic native… solution : change import phrase to this import {Geolocation } from '@ionic-native/geolocation';

1 2 3 5
wpDiscuz