Published on March 16, 2017 by Mindspace

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!

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
10 months 4 hours 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
10 months 11 hours 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
10 months 4 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
10 months 5 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
9 months 26 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
9 months 26 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
10 months 11 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
10 months 13 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
10 months 14 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
10 months 1 day ago

error Solved :v

Єdu Cv
Guest
Єdu Cv
10 months 1 day ago

how?

Sarika Chaudhari
Guest
Sarika Chaudhari
10 months 13 days ago

Error Solved…

Hasanthi Devendra
Guest
Hasanthi Devendra
10 months 14 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
10 months 4 hours 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
10 months 15 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
10 months 15 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