Map latLngToContainerPoint method

[jacobtoye]

I am trying to convert a lat lng to the screen relative pixel position. I assume that map method latLngLayerPoint would do this. For the initial load it would be perfect, however after panning the map the returned Point does not change. I would expect this to change by the offset.

Am I using this method for the wrong purpose?

Looking into the code it seems that latLngLayerPoint is using _initialTopLeftPoint.. This variable is only updated when the view is reset.

I also notice that _getTopLeftPoint (line 600) is subtracting the map pane's offset. Should latLngLayerPoint be updated to also subtract the same offset?

At the moment I am using:

map.project(new L.LatLng(lat, lng)).round().subtract(map._getTopLeftPoint());

I would prefer to use one of the public methods.

[mourner]

layerPoint is actually a point relative to the map layer (the div which contains tiles and markers), not the outer map container. What you need is map.layerPointToContainerPoint. But I agree there's no convenient method to get it immediately, so scheduling this for the next version.

[jacobtoye]

Ah yes that makes sense. Cheers @mourner.

[mourner]

Added latLngToContainerPoint in master

[Lweaver5051]

I have a question about latLngToContainerPoint.
when I try to use it in Ionic/Angular I get an TypeError: Cannot read property 'latLngToContainerPoint' of undefined

I have Leaflet import:
import {
latLng,
tileLayer,
Icon, icon, Marker, control, Coords

} from 'leaflet';
import 'leaflet';
import 'leaflet-routing-machine';
declare let L: any;

Code:
var latBLng = L.latLng([wp.latLng.lat, wp.latLng.lng]);
var pointB = this.mymap.latLngToContainerPoint(latBLng);
var BPoint = L.point([pointB.x, pointB.y-.0001]);
var Boffsett = L.containerPointToLatLng(BPoint);

[ghybs]

Hi @Lweaver5051, great to hear that you find Leaflet useful!

However, this issue tracker is used for reporting bugs and discussing new features.
For questions on using Leaflet, please use Stack Overflow or GIS Stack Exchange.
I see that you have posted it there: https://stackoverflow.com/questions/52900448/cannot-read-property-latlngtocontainerpoint-of-undefined

Also, in this repository we only handle bugs in "vanilla" Leaflet. This means that we do not handle bugs which are specific to frameworks such as:

• React
• Ractive
• Angular / AngularJS
• Leaflet for R
• Joomla
• WordPress
• Drupal
• Rails
• Ionic
• Cordova
• Vue
• Electron
• Polymer
• etc.

Please understand that we only have the time and energy to test Leaflet in plain web browsers.