# Interactive offline map with svg editor

**URL:** <https://discourse.nodered.org/t/interactive-offline-map-with-svg-editor/81911>\
**Category:** General\
**Tags:** node-red-dashboard, node-red-contrib-web-worldmap\
**Created:** [10 October 2023 10:14 UTC](https://discourse.nodered.org/t/interactive-offline-map-with-svg-editor/81911 "2023-10-10T10:14:32Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Stropwafle](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/stropwafle/32/89873_2.png) [@Stropwafle](https://discourse.nodered.org/u/Stropwafle)\
**Post date:** [10 October 2023 10:14 UTC](https://discourse.nodered.org/t/interactive-offline-map-with-svg-editor/81911/1 "2023-10-10T10:14:32Z")

</div>

Hi I'm doing a project and the program I'm writing needs to have an interactive interface with a map. Now I can't use the worldmap node because I need it to work offline. So what my idea was is to use the svg editor node so you can grab a picture of a map you downloaded (or take a picture of it with the webcam) and then insert that into the svg so that the user can add some "sensors" at certain places.

Only I have limited knowledge of node-red and the main program was already written for me by another developer that quit the project.

Can anyone help me please?

If you have any better ideas on how to implement this, I would also appreciate that.

Kind regards!

---

<div class="post-metadata">

**Author:** ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay)\
**Post date:** [10 October 2023 16:22 UTC](https://discourse.nodered.org/t/interactive-offline-map-with-svg-editor/81911/2 "2023-10-10T16:22:56Z")

</div>

the world map node works fine with either a local map server (eg tileserver-gl with a section of map from [mgaptiler.com](http://mgaptiler.com)), or a simple geotiff image overlay. Or indeed an image with specified corners,

---

<div class="post-metadata">

**Author:** ![Stropwafle](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/stropwafle/32/89873_2.png) [@Stropwafle](https://discourse.nodered.org/u/Stropwafle)\
**Post date:** [12 October 2023 07:48 UTC](https://discourse.nodered.org/t/interactive-offline-map-with-svg-editor/81911/3 "2023-10-12T07:48:09Z")

</div>

Thank you. In my "despair" and unknowingness I was not able to see straight anymore of what the possibilities were. Loading a picture in the worldmap works perfectly for me. Thanks again!

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [26 October 2023 07:48 UTC](https://discourse.nodered.org/t/interactive-offline-map-with-svg-editor/81911/4 "2023-10-26T07:48:47Z")

</div>

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.