geojson point change circle marker to icon

[Chadjhou]

hello gays
i use this in my code,

var tile = L.vectorGrid.slicer(geojson,{
                    interactive: true,
                    rendererFactory: L.canvas.tile,
                    vectorTileLayerStyles:{
                        sliced: { icon: new L.Icon.Default()}
                    }
                    }).addTo(map);
tile.on('click', function(e) {
                        var pro = e.layer.properties;
                        var HTML = '';
                        for (var q in pro) {
                            HTML += q + ":" + pro[q] + '<br />';
                        }
                        L.popup()
                            .setContent(HTML)
                            .setLatLng(e.latlng)
                            .openOn(map);
                    })

and now i can get icon on my map but if move mouse moveon icon
and i get some error like that
""Uncaught TypeError: Cannot read property 'lat' of undefined""

someone can help me??

i use leaflet 1.2.0 in chrome

example is here : https://plnkr.co/edit/FdHsFj4WbheXT90z1fTm?p=preview
thx

[chriszrc]

Same problem here. Switching to the svg renderer gets rid of the mousemove error, but it's still the same problem when clicking on the marker (or the default circlemarker for that matter). My naive investigation of the issue indicates that the problem is here:

if (e.type !== 'keypress') {
			var isMarker = target.getLatLng && (!target._radius || target._radius <= 10);
			data.containerPoint = isMarker ?
				this.latLngToContainerPoint(target.getLatLng()) : this.mouseEventToContainerPoint(e);
			data.layerPoint = this.containerPointToLayerPoint(data.containerPoint);
			data.latlng = isMarker ? target.getLatLng() : this.layerPointToLatLng(data.layerPoint);
		}

When clicking on a marker (a circle marker in my case), the target has a "getLatLng" function, but target.getLatLng() returns undefined.

[chriszrc]

Any help here? It appears that markers (icons and circle markers) are entirely broken right now vectorgrid :(

[chriszrc]

@Chadjhou I'm thinking in order to get this issue addressed, we might want to change the wording to:

Official demo-points VectorGrid demo broken

With a link to the official demo:

http://leaflet.github.io/Leaflet.VectorGrid/demo-points-icons.html

Because it has the exact same problem we're experiencing, and is an easier place to start for debugging-

[chriszrc]

I created a pull request that has a fix for this issue ( #157 ). I have no idea if this is really the right way to solve this problem, but it does fix it, and I'm happily clicking on my point features again :)

[coros-sanborn]

Hello, I'm having the same exact issue described above. Using leaflet 1.3.1. Any updates on this problem? Thanks in advance.

[chriszrc]

Nothing beyond what's been mentioned on this thread, and the commit that just referenced it. If you look at the pull request, (#157 ), you'll see that my fix is probably not the way to go in the long run, but it does fix the problem. The fork is public, if you want to use it. If you're using npm, you can add this to your package:

"leaflet.vectorgrid": "git+https://github.com/chriszrc/Leaflet.VectorGrid.git"

[coros-sanborn]

Thank you. It worked great!

…

On Thu, Apr 19, 2018 at 1:15 AM, Chris Marx ***@***.***> wrote: Nothing beyond what's been mentioned on this thread, and the commit that just referenced it. If you look at the pull request, (#157 <#157> ), you'll see that my fix is probably not the way to go in the long run, but it does fix the problem. The fork is public, if you want to use it. If you're using npm, you can add this to your package: "leaflet.vectorgrid": "git+https://github.com/chriszrc/Leaflet.VectorGrid. git" — You are receiving this because you commented. Reply to this email directly, view it on GitHub <#148 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/Ac6oB3waT52UffYbiGszRYuTniOjbuLvks5tp-UigaJpZM4Sh9-P> .

-- *Carolyn Oros* *Software Engineer II* *Sanborn* 1935 Jamboree Drive, Suite 100 Colorado Springs, CO 80920-5358 719-264-5484 Phone coros@sanborn.com www.sanborn.com

[leafyeh7]

Ran into the same issues with ""Uncaught TypeError: Cannot read property 'lat' of undefined"". @chriszrc 's solution fixed the problem with Leaflet 1.3.1.