turf | A modular geospatial engine written in JavaScript | Map library

I need your help in little bit query, i'm trying to render the multiple polyline on a single map,it look like as it (IOS), it perfectly fine work fine in IOS but not work in android, so my code Snippet it,

I have been developing this app since 2019 and I had a released version of it and I was working on an update so there is a new version of the Android Studio came out I have updated Android Studio to Android Studio Bumblebee | 2021.1.1 Patch 1 my kotlin_version = "1.6.10" and compileSdk 31 minSdkVersion 19, targetSdkVersion 31 android 11

I was solving some errors at the beginning like duplicate classes and stuff until I faced this error with firebase when setting the data to firebase Database or Firestore, before this update my Code was working fine and I didn't change much I just added new functions to the app like inAppReview,

what is happening is that whenever I'm setting data or update some existing data in Firebase Databse or Firestore the app restart and leave no error to detect in the Logcat, Logcat will not be cleared it is just wont show error at the moment of restart, and my app will automatically set a new data to the Firestore or Firebase and some times restart when reading values,

In the new update, I have come across errors like SQLiteConstraintException: UNIQUE constraint failed and E/android.vendin: Not starting debugger since process cannot load the jdwp agent. i dont know if it's related but those are showing.

this is a serious problem guys, I have an iOS version same app written in Swift they both share the same functions to write and read to the database I mean same code different Languages connected to the same database there is no errors everything works fine on iOS with the firebase itself, and the same code was working before this update that's mean there's no problem with my code, please if anyone knows anything or came across this kind of situation let me know I need some help, I'm stuck for a week now I have been searching all over the internet Didn't found any answer, if anyone needs a further declaration or sharing some code please let me know

emulator runing R version and the app was tested on a real Device SamsungNote S21

Note: if I Run the app the first time and write to firebase the app will crash or as I mentioned restart.

Note: but if I wrote to firebase and Re-run my app before the app write again or before the crash the app will works fone

project Gradle

im currently trying to validate that a polygon is completely within another polygon. But there is a use case for more complicated polygons where it should return false but turf understand it as a valid one.

Here is the sandbox.

https://codesandbox.io/embed/adoring-lamarr-6mi8wv?fontsize=14&hidenavigation=1&theme=dark

And here are the polygons. https://gist.github.com/tomascenteno42/107c19531ebbcf8f8106c27282bf3891

Thanks (:

I'm trying to zoom-in on a set of coordinates using react-map-gl. To do so, the library encourages us to use React's Refs. When instantiating the component in render, I'm passing down a ref that should hold the underlying MapBox map object. I managed to make the behavior work. Only problem: it's highly inconsistent.

I'm calling a method called setCamera in componentDidUpdate. But it only works on the initial load. If I reload the page, I've got an error from Gatsby. If I close the error it will work again. Up until the next reload.

The error is that this.mapRef.current is null. I tried to put a conditional to verify that the value isn't null before trying to access it, however this cause the animation to just never work. No matter how many times I reload, it will never be performed. Whereas without the conditional it could at least work half the time before crashing. So this already is a mystery in itself and if someone has an idea for why such behavior can happen, I'm all ears.

Still, I wasn't discouraged and tried to put the call to setCamera in a setTimeout and yes, it works! Even putting a very low timeout like 1 makes the code work 95% of the time. But I'm unsatisfied with it, because I understand that putting that kind of timers isn't what I'm supposed to do and to make things worse, it doesn't fix the issue consistently.

My understanding of the problem is that MapRef is still not set in componentDidUpdate for some reason. It's being set sometimes later. I don't know if React supports threading or if some kind of async witchcraft is deceiving me behind the scenes, but what I'm wondering is when am I guaranteed for my ref to be properly set? Where or how should I write this code?

Thank you in advance to anyone who can help me on that. 🙂

Here's my sample code:

I have a map that has some overlapping points. I'm using a quadtree and turf.js to determine, when I click on a point, how many other points are within a 30 mile radius.

What I'd like to do (if there's more than one point in that radius) is use d3.forceSimulation to equally spread out the overlapping points.

This is a pretty close example of what I want to do, but uses d3v3 and google maps: http://bl.ocks.org/cdmahoney/raw/9876525/?raw=true

I have included d3.forceSimulation and when I click on a place with more than one point within the 30 mile radius, the points do take on the force-- but they move up to the left hand corner of the page.

How can I get the points to push out in even distances from where I click on the map, like this:

Help very much appreciated!!

Does anyone know why am I getting Module should export a function: @turf/helpers when I add @turf/helpers to my buildModules in nuxt.config.js?

nuxt.config.js

after update from angular 11.2.6 to angular 12.2.7 the binding to the nouislider component is not working anymore. Running ng serve prints this error:

The property and event halves of the two-way binding 'ngModel' are not bound to the same target.

Use the ng2-nouislider in a fresh installation it works fine.

app.module.ts

FmoReorgGeo.java

I want to show the user the distance from the last drawn point to the cursor. In order to do so I need to add a change listener to the geometry of the feature.

Every time the user moves the mouse this change will get triggered and I need to calculate the distance. So in order to do so I want to use Turf.js. But the problem is that output distance is way to big. I think it has to do with the coordinate system I use.

In my project I the coordinates are in EPSG:3857 and I think the distance function expects ESPG:4326. I have tried to use ol proj in order to convert. But then I get an error stating: Uncaught TypeError: destinationProjection is null

olProj.transform(geom.getCoordinates()[0].slice(-3)[0], 'EPSG:3857', 'ESPG:4326');