Plot marker on a map in canvas created by processing

Processing Coding Questions
1

I am creating a GUI for my airplane which should look like the image

d7df49f4-1b35-43ba-9580-77b9a86fdbce_h200F3lbmz
d7df49f4-1b35-43ba-9580-77b9a86fdbce_h200F3lbmz900×675 53.8 KB

So need to add a map showing live location of my airplane How would I do this using processing

1 Like
2

Hi iamgsshetty
First you load the map with loadImage(), then load a small plane image with transparent background.
Than in draw() you use image() to draw map, and after that draw the plane. You can use the map() function to display real distances if you wish.

3 Likes
3

Or you could take a look at Unfolding. It‘s a library that gives you access to Google Maps (and others) and allows you to place markers (and Chance their image).

Although you‘d probably need an Internet Connection to load the map, so maybe that‘s not ideal :sweat_smile:

2 Likes
4

You might also want to consider the tradeoffs of Processing (Java) vs p5.js here. If you want to be using web-embedded maps, then building a web interface that mixes controls with a map embed might be easier in JavaScript – again, depending on your specific needs.

5

Have a look at the Unfolding library, thus you can access a number of maps (like Google Maps) + place markers.