In openlayer map we can show the image on map(openlayer static image). Same thing how can we do in nodered world map as I wanted to load a static image and plot points on that one.

The readme tells you how to add geolocated overlays

How to hide the base map from map, I want to show only image layer. Below is the function which sends message to worldmap var imageBounds = [[40.712216, -74.22655], [40.773941, -74.12544]]; msg.payload = { command : { lat:40.74, lon:-74.175, zoom:90 ,"hidelayer":"OSM"} }; msg.payload.command.map = { overlay: "New York Historical", url: 'http://www.lib.utexas.edu/maps/historical/newark_nj_1922.jpg', bounds: imageBounds, opt: { opacity:1.0, attribution:"© University of Texas" } }; return msg;

also posted as a new thread [image] In node red how to hide base map while showing image layer General How to hide the base map from map, I want to show only image layer. Below is the function which sends message to worldmap var imageBounds = [[40.712216, -74.22655], [40.773941, -74.12544]]; msg.payload = { command : { lat:40.74, lon:-74.175, zoom:90 ,"hidelayer":"OSM"} }; msg.payload.command.map = { overlay: "New York Historical", url: 'http://www.lib.utexas.edu/maps/historical/newark_nj_1922.jpg', bounds: imageBounds, opt: { opacity:1.0, attribution:"© University of Texas"…

The original README example fails as we are now trying to load things using https and the link to the tries to load over http... which most recent browsers disallow... changing the url to be url: 'https://www.lib.utexas.edu/maps/historical/newark_nj_1922.jpg', should make it work again (I'll update the example in the README). Currently you can't turn off the base layer (or at least I can't think of an easy way to do it)

In documentation they have mentioned clear layers from map can we use this or any other method is there as I wanted to clear the base map and fit the image layer to screen size. msg.payload.command.clear = "name of your layer/overlay to remove";

You can clear layers of markers, or remove overlay layers, but not the base layer. But surely if you fit the image to be full screen you won’t see any base layer anyway ? (Though I will look to add that in the near future - i.e. set layer to none.)

I wanted to place the map in following coordinates 77.6108670398, 12.9341000455, 77.612052073, 12.934699985. If I place the static image for these co ordinates image is not showing, but for the coordinates given in the example the same static image is visible.. Below is the code. var imageBounds = [[77.6108670398, 12.9341000455], [77.612052073, 12.934699985]]; msg.payload = { command : { lat:77.6108670398, lon:-12.9341000455, zoom:13 } }; msg.payload.command.map = { overlay: "New York Historical", url: 'https://httpsimage.com/v2/0a98bcdc-17c7-4527-896d-20c1dc25b7a5.png', bounds: imageBounds, opt: { opacity:0.8, attribution:"© University of Texas" } }; return msg;

The coordinates you have given aren’t correct 77,12 vs 77,-12

Thank you!! but how can I fit the image to screen, and plot points

Thats a totally different question. But you can fit the image to the screen by calculating the distance across an image (simple trig) and then calculating which zoom factor that equates to.

Node-RED

Node-RED Forum

How can I map a static image on map

General

ukmoose 11 March 2019 10:57 5

also posted as a new thread

Topic		Replies	Views
In node red how to hide base map while showing image layer General	1	581	11 March 2019
Worldmap Image Overlay from local File General	2	545	1 August 2021
Worldmap static map files. Left Click events. access polyline mode directly General node-red-contrib-web-worldmap	4	305	25 July 2023
Plot button on image General	2	733	17 November 2021
Node for ploting GPS coorinated on the map General	13	711	17 February 2022

Copyright OpenJS Foundation and Node-RED contributors. All rights reserved. The OpenJS Foundation has registered trademarks and uses trademarks. For a list of trademarks of the OpenJS Foundation, please see our Trademark Policy and Trademark List. Trademarks and logos not indicated on the list of OpenJS Foundation trademarks are trademarks™ or registered® trademarks of their respective holders. Use of them does not imply any affiliation with or endorsement by them.

How can I map a static image on map

Related topics