CODEWITHSUNDEEP
leafletpopup
Parkes555
Parkes555

Reputation: 51

What is causing the error between these two .bindPopup?

The below popup works properly displaying "Neigh_Name" (a name such as "Main") and "2020 Total Population" (a string comprised of numbers '234273' etc).

layer.bindPopup(feature.properties.Neigh_Name+"<br>"+feature.properties["2020 Total Population"])

However, when using the below..

layer.bindPopup(feature.properties["2020 Total Population"])

I get the error: Uncaught TypeError: Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'.

Can someone explain what is happening in the backend and why these two lines of code differ and the latter ultimately fails? I'm trying to learn why certain things occur to avoid future issues.

Thanks!

Upvotes: 2

Views: 45

Answers (1)

ghybs
ghybs

Reputation: 53185

Very probably the bindPopup method behaves unexpectedly when passing a number as content (your 2nd line), whereas it happily accepts a string argument (as in your 1st line).

Simply make sure to convert your argument into string, e.g. with "" + feature.properties["2020 Total Population"] or

`${feature.properties["2020 Total Population"]}`

Upvotes: 2

Related Questions