"Dynamically Refresh Worldmap When Clearing Location in Vue Form"

Dashboard
1

  • I'm working on a Node-RED project where I have a Vue.js form integrated with a Worldmap node. The form allows users to select a location, which is then displayed on the map. However, I'm facing an issue when the user clears the entire selected location from the form. The map does not automatically refresh or clear the displayed marker, which causes confusion for the users.

  • I'm looking for a solution to dynamically refresh the map and remove the marker when the user clears the location field in the form. Has anyone encountered a similar issue, or could you suggest a way to trigger a map refresh in this scenario? Any guidance or examples would be greatly appreciated!

  • Below attached screenshot for reference

    Before Clearing Selections:

    image
    image1293×657 121 KB

    After Clearing Selections
    image
    image1289×653 77.6 KB

2

If you clear them from your form you also have to send a deleted msg to the map with the name of the point to delete. See the worldmap readme

3

Thanks a ton! I'll check the worldmap README and try sending a delete message with the name of the point. Appreciate the help!