Page 1 of 1

IONIC Apps - How To...

Posted: Fri Sep 02, 2016 2:32 pm
by Andy Parker

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


IONIC Apps - How To...

Posted: Mon Sep 05, 2016 4:15 pm
by Serhii Kulibaba

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.


IONIC Apps - How To...

Posted: Tue Jun 13, 2017 4:48 pm
by ps

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.


IONIC Apps - How To...

Posted: Tue Jun 13, 2017 4:54 pm
by Andy Parker

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. :-)