Cannot read properties of undefined (reading 'fromLatLngToDivPixel')

[massimiliamanto74]

I all,
when I add marker to OverlappingMarkerSpiderfier obj I receive this error:
Cannot read properties of undefined (reading 'fromLatLngToDivPixel')

this is my implementation:

const oms = new OverlappingMarkerSpiderfier(this._gmap, this._otm?.olOptions);
      this._markers.forEach((marker: google.maps.Marker) => {
        oms.trackMarker(marker, () => {});
      });

I don't understand the problem

[chancezeus]

Markers should be added to the map before calling trackMarker, you can alternatively use addMarker which first adds the marker and then calls trackMarker to start tracking it

[massimiliamanto74]

Hi chancezeus,
thanks for your replay.
I try to change trackMarker with addMarker but I have the same error.

const oms = new OverlappingMarkerSpiderfier(gmap, options);
oms.addMarker(marker, (event) => {
          console.log('overlapping marker spidefier click', event);
        });

[massimiliamanto74]

Any suggestions?

[chancezeus]

Unfortunately not, the most likely cause is an incompatible change inside Google Maps that causes the functionality that is used to determine the pixel position based on lat/lon to fail. From what I can see in the docs of Google Maps, the problem seems to be that they changed the way the "OverlayView" class instantiates to use a "onAdd" callback while previously it was enough to wait for map idle to be called.

Unfortunately I myself don't have a use for this library at the moment and don't have a lot of time to spare with my day job, so unless someone submits a PR with a fix it might be a while before I can give it a go myself.

[chancezeus]

I had a few moments to spare and tried to implement a fix, but as said I don't have a use for the library @ the moment so I can't test it myself. I've attached a zip that contains a npm compatible tarball of the updated package, if you can try it and let me know if it works (I've also updated the @types/googlemaps dependency to @types/google.maps + a few other fixes).

For basic usage the API should remain unchanged, however if you're using (or plan on using) markersNearMarker or markersNearAnyOtherMarker then these will return a Promise instead of a plain array (the required helper is now retrieved using a promise, hence these methods will also return a promise).

ts-overlapping-marker-spiderfier-2.0.0.zip

[massimiliamanto74]

Thanks, I will try soon as possible and the I will back. Thank you very much. Best Il gio 23 set 2021, 18:43 Mark van Beek ***@***.***> ha scritto:

…

I had a few moments to spare and tried to implement a fix, but as said I don't have a use for the library @ the moment so I can't test it myself. I've attached a zip that contains a npm compatible tarball of the updated package, if you can try it and let me know if it works (I've also updated the @types/googlemaps dependency to @types/google.maps + a few other fixes). For basic usage the API should remain unchanged, however if you're using (or plan on using) markersNearMarker or markersNearAnyOtherMarker then these will return a Promise instead of a plain array (the required helper is now retrieved using a promise, hence these methods will also return a promise). ts-overlapping-marker-spiderfier-2.0.0.zip <https://github.com/chancezeus/oms/files/7219361/ts-overlapping-marker-spiderfier-2.0.0.zip> — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub <#4 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AO35OWAOSUGZ67XOYKB3DQ3UDNKL3ANCNFSM5ERIFKSQ> . Triage notifications on the go with GitHub Mobile for iOS <https://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675> or Android <https://play.google.com/store/apps/details?id=com.github.android&referrer=utm_campaign%3Dnotification-email%26utm_medium%3Demail%26utm_source%3Dgithub>.

-- _INFORMATIVA SULLA PRIVACY E SULLA CONFIDENZIALITA': Ai sensi del Reg. UE n.2016/679 sulla tutela della privacy, Vi informiamo che il presente messaggio e-mail potrebbe contenere informazioni riservate e/o fondate su privilegio legale, oltre a dati personali. Vi informiamo che deteniamo e trattiamo i dati contenuti nella presente per i soli scopi di adempiere ad obblighi di legge e/o contrattuali e/o per la tutela di nostri legittimi interessi. La conoscenza di questi dati è riservata ai soli destinatari di questa e-mail. Al di fuori degli scopi sopra descritti, tali dati non saranno da noi rivelati in alcun modo a terzi, senza il previo consenso scritto degli interessati coinvolti, ove prescritto e/o necessario ai sensi della legge applicabile. _Qualora Voi non siate gli effettivi destinatari della presente e-mail, Vi informiamo che ne sono severamente proibite la diffusione, la copia e/o la distribuzione. _Nel caso aveste ricevuto il presente messaggio per errore Vi preghiamo, pertanto, di informarci immediatamente e di eliminarlo dal vostro computer. Grazie.___ _ _ _PRIVACY AND CONFIDENTIALITY NOTICE: Pursuant to EU Regulation no.679/2016 on privacy protection, we inform You that his e-mail message might contain confidential and/or legally privileged information as well as personal data. We inform You that we hold and process all data contained therein for the sole purposes of meeting legal and/or contractual obligation(s) and/or for our legitimate interest. Knowledge of these data is reserved solely to the person(s) to whom this e-mail is addressed. Outside the scopes described above, these data will not be disclosed by us in any way to third parties without the prior written consent of the relevant data subject(s), where prescribed and/or deemed necessary by applicable law(s). _If You are not the intended recipient, You are hereby notified that any disclosure, copying and/or distribution of the contents of this e-mail message is strictly prohibited. _If You have received this communication in error, therefore, please delete it immediately and contact us to let us know it. Thank you._

____

[csillag]

@chancezeus I have tried the release candidate posted above, and unfortunately there seems to be a problem.

I get an exception like this:

Uncaught TypeError: _super.prototype.onAdd is undefined
   onAdd modules.js:194988
   draw overlay.js:5
   Lc overlay.js:5
   cla map.js:64
   Wt map.js:62
   Aq common.js:94
   Wt map.js:62
   refresh map.js:113
   nf overlay.js:5
   xla overlay.js:4
   zla overlay.js:3

The relevant JS source seems to be:

     this.projection = new Promise(function (resolve) {
            new (/** @class */ (function (_super) {
                __extends(class_1, _super);
                function class_1(map) {
                    var _this = _super.call(this) || this;
                    _this.setMap(map);
                    return _this;
                }
                class_1.prototype.draw = function () {
                };
                class_1.prototype.onAdd = function () {
                    _super.prototype.onAdd.call(this);            // <==== Exception comes from here
                    resolve(this.getProjection());
                };
                return class_1;
            }(google.maps.OverlayView)))(_this.map);
        });

I have verified that this doesn't happen with 1.0.3, only with the proposed 2.0.0, posted above.
Unfortunately the TS sources were not part of the ZIP, so I can't (easily) look at the actual source.

---

In any case, this doesn't work.