Andy Parker
Posts: 0
Joined: Wed Mar 27, 2013 10:21 am

IONIC Apps - How To...

I'm attempting to convert my apps from JQM to IONIC with various margins of success.

My main issue is that there seems to be a lack of documentation for the "how-to" when you need to use javascript to perform tasks.

It would help if someone could tell me how for example, I refer to a Google Map in javascript.

I'd like to implement javascript to setup/clear markers, to set bounds etc but have no idea how to address this in IONIC.

In JQM projects I could simply use var map = Apperyio("GoogleMap1") as an example. I can't seem to do this in IONIC and it's so frustrating that despite trying to find documentation, I can't find any examples of addressing elements in IONIC.

In a previous post here, I found a user had used the following code for markers, this causes errors for me, probably because I am missing something.....

PLEASE HELP!

code
var googleMapInstance = $scope.map.control.getGMap();
var googleMapBounds = new google.maps.LatLngBounds();
var markers = markersarray;
var image = {
url: 'files/images/CarIcon20x40.png',
size: new google.maps.Size(20, 40),
origin: new google.maps.Point(0, 0),
anchor: new google.maps.Point(10, 20)
};
/code

Serhii Kulibaba
Posts: 150
Joined: Tue Aug 27, 2013 1:47 pm

IONIC Apps - How To...

Hello Andy,

Please check if there are any errors in the browser console. You can learn here: https://docs.appery.io/docs/using-bro... how to open the console.

ps
Posts: 0
Joined: Tue Jan 31, 2017 7:59 pm

IONIC Apps - How To...

Andy,

I suspect you gave up on Appery a long time ago but here is the answer I believe you were looking for - https://getsatisfaction.com/apperyio/...

Regards,

ps.

Andy Parker
Posts: 0
Joined: Wed Mar 27, 2013 10:21 am

IONIC Apps - How To...

Thanks PS,

I ended up bypassing the Appery map element as well. I've got markers, poly lines and filled objects drawn in the map in ionic and am really pleased with it. Used a similar method to that mentioned in the post, but competely bypassed any settings needed on the Appery component.
With this in place it's simple to follow and use any of the map options listed on the Google maps API site. :-)

Return to “Issues”