wf9a5m75 / ionic-googlemaps-demo Goto Github PK

The result returned from geocode with an array as input is of type

mvcArray: BaseArrayClass<GeocoderResult>

When calling

mvcArray.on('insert_at') 

the ionicWrapper has this signature

    on(event: 'insert_at' | 'remove_at' | 'set_at' | 'finish'): Observable<any>;

so expecting an observable I subscribe, but that results in

Cannot read property 'subscribe' of undefined

Looking in BaseClass.js it looks like another signature is expected as the code is:

self.on = function(eventName, callback) {
  if (!eventName || !callback || typeof callback !== "function") {
    return;
  }

So it expects a callback function

The code for

/*****************************************************************************
 * LatLngBounds Class
 *****************************************************************************/
var LatLngBounds = function() {
    Object.defineProperty(this, "type", {
        value: "LatLngBounds",
        writable: false
    });

    var args = [];
    if (arguments.length === 1 &&
        typeof arguments[0] === "object" &&
        "push" in arguments[0]) {
        args = arguments[0];
    } else {
        args = Array.prototype.slice.call(arguments, 0);
    }
    for (var i = 0; i < args.length; i++) {
        if ("lat" in args[i] && "lng" in args[i]) {
            this.extend(args[i]);
        }
    }
};

fails if called like this

let latLngBounds = new LatLngBounds();

but works ok if called this way

let latLngBounds = new LatLngBounds([]);

The error:
vendor.js:1443 ERROR Error: Uncaught (in promise): TypeError: Cannot use 'in' operator to search for 'lat' in undefined
TypeError: Cannot use 'in' operator to search for 'lat' in undefined

In the documentation there are 3 events

https://github.com/mapsplugin/cordova-plugin-googlemaps-doc/blob/master/v2.0.0/class/BaseArrayClass/README.md

In the Ionic Wrapper, there are 4 events:

on(event: 'insert_at' | 'remove_at' | 'set_at' | 'finish'): Observable<any>;

In the demo-code for native js, an event called 'error' is used

  mvcArray.on('error', function(error) {
    console.log(error);
  });
  mvcArray.on('insert_at', function(index) {

    // Get a result
    var geocodeResult = mvcArray.getAt(index);
    if (geocodeResult.length > 0) {

      latLngBounds.extend(geocodeResult[0].position);

      map.addMarker({
        'position': geocodeResult[0].position,
        'title':  JSON.stringify(geocodeResult)
      }, function(marker) {
        markers.push(marker);
      });
    } else {
      markers.push(null);
    }
  });

  mvcArray.on('finish', function() {
    isRunning = false;
  });

Is it possible using this plugin to add a custom control, like described in https://developers.google.com/maps/documentation/javascript/examples/control-custom

I have added the following to verify that MAP_DRAP events are working in Ionic

      self.map1.setAllGesturesEnabled(true);
      self.map1.on(GoogleMapsEvent.MAP_DRAG_START)
        .subscribe(() => {
          console.log("--> map_canvas1 : map drag");
          resolve();
        });

but I never receive the event

Are there any known issues here ?

I am new to this and cannot find how to report an issue for 'https://github.com/mapsplugin/ionic-googlemaps-quickdemo-v4' which I am referring to.

I am receiving a blank white area where the maps should be displayed. I can still see the red border around where the map should be. I have been trying for hours and now have completely copy and pasted your code for the demo and it still does not work.

Here is a link to my repo: http://github.com/JamesSlater/app

The maps page is displayed on a modal from tapping the pin icon on the Contact page, to give you a bit of background.

I hope you have time to get back to me. Thanks in advance.